@extends('layouts.app')

@section('title', __('Leads'))

@push('pre_css')
    @include('panel.inc.flatpicker.css')
@endpush

@push('css')
    @include('panel.inc.datatable.css')
@endpush

@section('content')
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-auto">
                <div class="page-pretitle">
                    {{ __('Leads') }}
                </div>
                <h2 class="page-title">
                    {{ __("Manage Leads") }}
                </h2>
            </div>
            <!-- Page title actions -->
            <div class="col-auto ml-auto d-print-none">
                <div class="btn-list">
                    @can('leads-add')
                        <x-buttons.btn-add modal="leadModal" :route="route('panel.leads.modal')"/>
                    @endcan
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        {!! $dataTable->table() !!}
    </div>



@stop

@push('script')
    @include('panel.inc.flatpicker.js')
    @include('panel.inc.datatable.js')
    {!! $dataTable->scripts() !!}

    <script !src="">
        $('#leads-table').on('preXhr.dt', function(e, settings, data){
            data.salesAgent = '{{ request()->salesAgent }}';
            data.transferDate = '{{ request()->transferDate }}';
            data.closer = '{{ request()->closer }}';
            data.dateRange = '{{ request()->dateRange }}';

            data.status = '{{ request()->route('status') }}';
        })

        @can('leads-delete')
        $(document).on('click', '.deleteModel', function(){
            let el = this;
            deletePopup({
                el: el,
                url: '{{ route('panel.leads.delete') }}',
                params:{
                    moduleID: $(el).data('model-id')
                },
                datatable: $('#leads-table').DataTable()
            });
        });
        @endcan
    </script>

@endpush