@extends('layouts.app', [
    'namePage' => __('pages.clients'),
    'activePage' => 'clients',
])
@vite(["resources/css/datatables.css"])
@section('content')
    <div class="container-fluid py-4">
        <div class="row mt-4">
            <div class="col-12">
                <div class="card">
                    <div class="loading p-4" style="text-align: center">
                        <div class="spinner-border" role="status">
                            <span class="sr-only"></span>
                        </div>
                    </div>

                    <div class="content" style="display: none">
                        <!-- Card header -->
                        <div class="card-header">
                            <button type="button" id="ExportCsv" class="btn bg-gradient-default"><i class="fas fa-file-csv"></i> CSV</button>
                            <button type="button" id="ExportExcel" class="btn bg-gradient-default"><i class="fas fa-file-excel"></i> Excel</button>
                            <button type="button" id="ExportPdf" class="btn bg-gradient-default"><i class="fas fa-file-pdf"></i> PDF</button>
                            <button type="button" id="ExportPrint" class="btn bg-gradient-default"><i class="fas fa-print"></i> {{__('clients.print')}}</button>

                        </div>

                        <div class="table-responsive pt-0" style="padding: 1.5rem;">
                            <table id="DataTableClients" class="table table-flush" style="width: 100%">

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

                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })

        const lang = {
            name: "{{ __('form.name') }}",
            email: "{{ __('form.email') }}",
            phone: "{{ __('form.phone') }}",
            store: "{{ __('stores.store') }}",
            date_of_birth: "{{__('clients.date_of_birth')}}",
            gender: "{{__('clients.gender')}}",
            newsletter: "{{ __('clients.newsletter') }}",
            clients : "{{ __('pages.clients') }}",

            created_at: "{{ __('clients.created_at') }}",
            updated_at: "{{ __('clients.updated_at') }}",
        }
    </script>
    @vite(["resources/js/utils.clients.js"])
@endpush