{{-- 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="newReason" type="button" class="btn btn-primary" data-toggle="modal">+ Novo Motivo</button>
                    </div>
                </div>

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

                        <tbody>
                        </tbody>
                    </table>
                    <div class="loading-table p-5 bg-white shadow rounded" style="display: none">
                        Carregando... <span class="spinner-border spinner-border-sm align-middle ms-2 text-primary"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include($components_path . '.modalAddEdit')
    @include($components_path . '.modalDelete')

    <style>
        .editar_reason {
            color: black;
            cursor: pointer;
            background: #2826261a;
            border-radius: 5px;
        }

        .deletar_reason {
            color: #f03232;
            cursor: pointer;
            background: #e35c5c24;
            border-radius: 5px;
        }

        .sizeIcon {
            font-size: 14px;
        }
    </style>
@endsection

{{-- Scripts Section --}}
@section('scripts')
    <script src="{{ asset('js/custom/gestor/reasonCenter/index.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/pages/widgets.js') }}" type="text/javascript"></script>
@endsection