@extends('backend._backend_master')

@section('window_title')
    Leads
@endsection

@section('head')
    @parent
    <link rel="stylesheet" href="{!! get_stylesheet('app') !!}">
@endsection

@section('modal_buttons')
    @if(empty($is_excel_export))
        <button type="button" class="btn btn-primary mr-2" data-toggle="modal" data-target="#exampleModal" title="Filter Records">
            <i class="fa fa-search" aria-hidden="true"></i>
        </button>
        @if($rows)
            <a href="{!! route('BE_LEADS_EXPORT_INDEX', 'page='.get_last_url_segment()) !!}" class="btn btn-primary"><i class="fa fa-file-excel" aria-hidden="true"></i></a>
        @endif
    @endif
@endsection

@section('content')
    @if(!$is_excel_export)
        @component('backend._leads_query_form')
        @endcomponent
        @if($rows)
            <div class="d-flex flex-column">
                <div class="result-count">
                    <strong>{{ $rows }} {!! $readable_lead_model !!} </strong> between {!!Session::get('start_date')!!} and {!!Session::get('end_date')!!}
                </div>
            </div>
        @endif
    @endif
    @if($rows)
        <div class="w-100">
            <table class="table table-striped">
                @include($lead_loop_view)
            </table>
        </div>
    @else
        0 matches yet, Please try to change the date filter
    @endif
@endsection

@section('custom_scripts')
<script>
    var page = {!! json_encode($current_page) !!};
    var httpUrl = {!! json_encode(url()->current()) !!};
    var leadsFields = [
        {data: 'id', name: 'id'},
        {data: 'created_at', name: 'created_at'},
        {data: 'current_sit', name: 'current_sit'},
        {data: 'tax_debt', name: 'tax_debt'},
        {data: 'enrolled_irs', name: 'enrolled_irs'},
        {data: 'first_name', name: 'first_name'},
        {data: 'last_name', name: 'last_name'},
        {data: 'email_address', name: 'email_address'},
        {data: 'primary_phone', name: 'primary_phone'},
        {data: 'state', name: 'state'},
        {data: 'affid', name: 'affid'},
        {data: 'cake_status', name: 'cake_status'},
        {data: 'lead_conduit_response', name: 'lead_conduit_response'},
    ];
    var ccpaLeadsFields = [
        {data: 'id', name: 'id'},
        {data: 'created_at', name: 'created_at'},
        {data: 'requestor', name: 'requestor'},
        {data: 'requestoptions', name: 'requestoptions'},
        {data: 'first_name', name: 'first_name'},
        {data: 'last_name', name: 'last_name'},
        {data: 'user_address', name: 'user_address'}, // address
        {data: 'email_address', name: 'email_address'},
        {data: 'primary_phone', name: 'primary_phone'},
    ];
    var selectable = (page == 'leads') ? leadsFields : ccpaLeadsFields;
    table = $('.table').DataTable({
        dom: "<'row'<'col-sm-3'l><'col-sm-3'f><'col-sm-6'p>>" +
            "<'row'<'col-sm-12'tr>>" +
            "<'row'<'col-sm-5'i><'col-sm-7'p>>",
        "scrollX": true,
        processing: true,
        serverSide: true,
        ordering: false,
        ajax: httpUrl,
        columns: selectable,
    });
</script>
@endsection
@section('page_js')
    <script src="{!! get_javascript_file('leads.index') !!}"></script>
@endsection