@extends('administrator.layout.master')
@push('plugin-styles')
    @foreach (config('assets.datatable.css') as $datatable)
        <link href="{{ asset($datatable) }}" rel="stylesheet" />
    @endforeach
@endpush

@section('breadcrumb')
    @php
$breadcrumbItems = [
    ['label' => 'Customers', 'route' => route('customer.index')],
    ['label' => 'Trash', 'active' => true],
];
    @endphp
    <x-admin-breadcrumb :items="$breadcrumbItems" />
@endsection

@section('content')
    @if (auth()->guard('admins')->user()->can('manager customer'))
        <div class="card card-primary card-outline rounded-3 border-primary-subtle">
            <div class="card-header d-flex justify-content-end gap-2">
                <x-button-crm type="button" variant="secondary" size="sm" route="customer.index" icon="arrow-left">Back to List</x-button-crm>
            </div>
            <div class="card-body">
                <x-datatable id="customerTrashTable" ajax="{{ route('customer.trash.datatable') }}" :columns="[
            ['key' => 'fullname', 'label' => 'Fullname'],
            ['key' => 'company', 'label' => 'Company'],
            ['key' => 'email', 'label' => 'Email'],
            ['key' => 'deleted_at', 'label' => 'Deleted At'],
            ['key' => 'action', 'label' => 'Action', 'searchable' => false],
        ]" />
            </div>
        </div>
    @else
        <div class="alert alert-danger alert-dismissible">
            <h5 class="mb-0"><i class="icon fas fa-ban"></i> Access Denied - You are not assigned to any Customer
                management department</h5>
        </div>
    @endif
@endsection

@push('plugin-scripts')
    @foreach (config('assets.datatable.js') as $datatable)
        <script src="{{ asset($datatable) }}"></script>
    @endforeach
@endpush