{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content.extended')

{{-- Agente Center --}}

<div class="row">
    <div class="col">
        <div class="card card-custom bg-white {{ @$class }} shadow-none">

            {{-- Header --}}
            <div class="card-header border-0 d-flex align-items-center justify-content-end">
                <div class="card-toolbar">
                    <button id="newAgente" type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalNewAgente">+ Novo Agente</button>
                </div>
            </div>

            {{-- Body --}}
            <div class="card-body d-flex align-items-center p-6">
                <table class="table table-striped w-100" id="kt_datatable">
                    <thead>
                    </thead>

                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@include($components_path.'.modalEditAgente')
@include($components_path.'.modalNewAgente')

@endsection

{{-- Scripts Section --}}
@section('scripts')

<script src="{{ asset('js/custom/gestor/agenteCenter/index.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/pages/widgets.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/custom/includes/headerDashAgent.js') }}" type="text/javascript"></script>

@endsection