@extends('admin.layouts.app')
@section('contentSection')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <div class="pull-left"><i class="fa fa-table"></i> Calling Database (<span
                            id="module_total_count"></span>)
                    </div>
                    <div class="pull-right">
                        <form action="{{route('export-cds')}}" method="get">
                            <button style="display: none" id="deleteAllBtn" type="button" class="btn btn-danger"><i
                                    class="fa fa-trash"></i> Delete Selected
                            </button>
                            <button data-toggle="modal" data-target="#cdBulkModal" style="display: none"
                                    id="bulkActionsBtn"
                                    type="button" class="btn btn-primary"><i
                                    class="fa fa-pencil"></i> Bulk Actions
                            </button>
                            {{--                        <button type="button" data-toggle="modal" data-target="#addCallingDatabaseModal"--}}
                            {{--                                class="btn btn-primary"><i--}}
                            {{--                                class="fa fa-plus"></i> Add New--}}
                            {{--                        </button>--}}
                            <button type="button" data-toggle="modal" data-target="#uploadFileModal"
                                    class="btn btn-primary"><i
                                    class="fa fa-upload"></i> Upload
                            </button>
                            <a target="_blank" href="{{asset('assets/files/sample.xlsx')}}"
                               class="btn btn-primary"><i
                                    class="fa fa-download"></i> Download Sample
                            </a>
                            @if(auth()->user()->type == 1)
                                <button type="submit"
                                        class="btn btn-primary"><i
                                        class="fa fa-download"></i> Export Data
                                </button>
                            @endif
                        </form>
                    </div>
                </div>
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-3 form-group">
                            <i class="fa fa-filter"></i> Filters
                        </div>
                    </div>
                    <form id="cdSearchFrom">
                        <div class="row">
                            {{--                            <div class="col-md-3 form-group">--}}
                            {{--                                <label class="control-label">Community</label>--}}
                            {{--                                <select data-live-search="true" name="district_search" id="district_search"--}}
                            {{--                                        class="form-control selectpicker show-tick">--}}
                            {{--                                    <option value="">Select Community</option>--}}
                            {{--                                    @foreach (App\Models\Attribute::whereType('district')->orderBy('name')->get() as $attr)--}}
                            {{--                                        <option value="{{ $attr->id }}">{{ $attr->name }}</option>--}}
                            {{--                                    @endforeach--}}
                            {{--                                </select>--}}
                            {{--                            </div>--}}
                            {{--                            <div class="col-md-3 form-group">--}}
                            {{--                                <label class="control-label">Tower</label>--}}
                            {{--                                <select data-live-search="true" name="project_search" id="project_search"--}}
                            {{--                                        class="form-control selectpicker show-tick">--}}
                            {{--                                    <option value="">Select Project</option>--}}
                            {{--                                </select>--}}
                            {{--                            </div>--}}
                            {{--                            <div class="col-md-3 form-group">--}}
                            {{--                                <label class="control-label">Property Type</label>--}}
                            {{--                                <select data-live-search="true" name="property_type_search" id="property_type_search"--}}
                            {{--                                        class="form-control selectpicker show-tick">--}}
                            {{--                                    <option value="">Select Property Type</option>--}}
                            {{--                                    @foreach (App\Models\Attribute::orderBy('name')->with('parent')->where('type', 'propertyType')->whereNotNull('parent_id')->get() as $attr)--}}
                            {{--                                        <option value="{{ $attr->id }}">--}}
                            {{--                                            {{ $attr->parent ? $attr->name . ' (' . $attr->parent->name . ')' : $attr->name }}--}}
                            {{--                                        </option>--}}
                            {{--                                    @endforeach--}}
                            {{--                                </select>--}}
                            {{--                            </div>--}}
                            <div class="col-md-3 form-group">
                                <label class="control-label">Status</label>
                                <select data-live-search="true" multiple name="cd_status_search[]" id="cd_status_search"
                                        class="form-control selectpicker show-tick">
                                    <option value="">Select Status</option>
                                    @foreach (App\Models\Attribute::orderBy('name')->where('type', 'leadStatus')->get() as $attr)
                                        <option value="{{ $attr->id }}">
                                            {{ $attr->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3 form-group">
                                <label class="control-label">Category</label>
                                <select data-live-search="true" multiple name="cd_category_search[]"
                                        id="cd_category_search"
                                        class="form-control selectpicker show-tick">
                                    <option value="">Select Category</option>
                                    @foreach (App\Models\Attribute::orderBy('name')->where('type', 'leadCategory')->get() as $attr)
                                        <option value="{{ $attr->id }}">
                                            {{ $attr->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            @if(auth()->user()->type == 1 || auth()->user()->type == 2)
                                <div class="col-md-3 form-group">
                                    <label class="control-label">Assign To</label>
                                    <select data-live-search="true" multiple name="at_search[]" id="at_search"
                                            class="form-control selectpicker show-tick">
                                        <option value="">Select User</option>
                                        @if(auth()->user()->type == 1)
                                            @foreach (App\Models\User::orderBy('name')->where('type', 3)->get() as $attr)
                                                <option value="{{ $attr->id }}">
                                                    {{ $attr->name }}
                                                </option>
                                            @endforeach
                                        @else
                                            @foreach (App\Models\User::orderBy('name')->where('parent_id', auth()->id())->get() as $attr)
                                                <option value="{{ $attr->id }}">
                                                    {{ $attr->name }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            @endif
                            <div class="col-md-3 form-group">
                                <label class="control-label">Assign Status</label>
                                <select name="assign_search"
                                        class="form-control">
                                    <option value="">Select Assign Status</option>
                                    <option value="1">Assigned</option>
                                    <option value="2">Un Assigned</option>
                                </select>
                            </div>
                            <div class="col-md-3 form-group">
                                <label class="control-label">Property Type</label>
                                <select name="pt_search"
                                        class="form-control">
                                    <option value="">Select Property Type</option>
                                    @foreach(auth()->user()->calling_databases()->orderBy('property_type')->groupBy('property_type')->pluck('property_type')->toArray() as $pt)
                                        <option value="{{$pt}}">{{$pt}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3 form-group">
                                <label class="control-label">Country</label>
                                <select name="country_search"
                                        class="form-control">
                                    <option value="">Select Country</option>
                                    @foreach(\App\Models\Country::all() as $country)
                                        <option value="{{$country->dial_code}}">{{$country->title}} ({{$country->dial_code}})
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3 form-group">
                                <label class="control-label">Reference From</label>
                                <input onkeypress="return onlyNumberKey(event)" type="text" maxlength="10"
                                       class="form-control" name="from_search">
                            </div>
                            <div class="col-md-3 form-group">
                                <label class="control-label">Reference To</label>
                                <input onkeypress="return onlyNumberKey(event)" type="text" maxlength="10"
                                       class="form-control" name="to_search">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-12 text-right">
                                <button class="btn btn-primary">Search</button>
                                <button type="reset" id="cdSearchFormReset" class="btn btn-primary">Reset</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="callingDatabaseListTable" class="table table-bordered" style="width: 100%"></table>
                    </div>
                </div>
                {{--                <div class="card-footer f_custom_card_footer" style="display: none">--}}
                {{--                    <div class="row">--}}
                {{--                        <div class="col-lg-3">--}}
                {{--                            <select class="form-control select-st" id="bulk_actions">--}}
                {{--                                <option value="">Actions</option>--}}
                {{--                                <option value="delete_bulk">Delete</option>--}}
                {{--                            </select>--}}
                {{--                        </div>--}}
                {{--                        <div class="col-lg-6">--}}
                {{--                            <button type="button" id="apply_bulk_actions_btn" class="btn btn-success"><i--}}
                {{--                                    class="fa fa-check"></i>Apply--}}
                {{--                            </button>--}}
                {{--                            <span id="bulk_actions_error" style="color: red; display: none"></span>--}}
                {{--                        </div>--}}
                {{--                    </div>--}}
                {{--                </div>--}}
            </div>
        </div>
    </div>
@endsection

@section('pageSpecificScripts')
    {{--    @include('admin.callingDatabase.modals.addCallingDatabaseModal')--}}
    @include('admin.callingDatabase.modals.editCallingDatabaseModal')
    @include('admin.callingDatabase.modals.uploadFileModal')
    @include('admin.callingDatabase.modals.detailsModal')
    @include('admin.callingDatabase.detailsTemplate')
    @include('admin.callingDatabase.modals.cdBulkModal')
    <script src="{{asset('back_assets/assets/plugins/summernote/dist/summernote-bs4.min.js')}}"></script>
    <script src="{{asset('back_assets/assets/plugins/bootstrap-datatable/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('back_assets/assets/plugins/bootstrap-datatable/js/dataTables.bootstrap4.min.js')}}"></script>
    <script src="{{ asset('back_assets/assets/plugins/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
    <script src="{{asset('back_assets/assets/plugins/alerts-boxes/js/sweetalert.min.js')}}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/ajax-bs.js') }}"></script>
    <script>
        var customCheckBox = '<div class="icheck-material-primary f_custom_checkbox" style="pointer-events: none"><input type="checkbox" id="bulk-action-checkbox" class="select_all" /><label for="bulk-action-checkbox"></label></div>';
    </script>
    @if(auth()->user()->type == 1 || auth()->user()->type == 3)
        @include('admin.callingDatabase.callingDatabaseListTemplate')
        <script type="text/javascript">
            var allColumns = [
                {
                    "orderable": true,
                    "searchable": false,
                    "data": 'created_at',
                    "visible": false
                },
                {"orderable": false, "searchable": false, "data": null, "title": customCheckBox},
                {
                    "data": "reference_number",
                    "title": "Ref.",
                    "name": "reference_number",
                    "searchable": true,
                    "orderable": false
                },
                {"data": "name", "title": "Name", "name": "name", "searchable": true, "orderable": false},
                {"data": "email", "title": "Email", "name": "email", "searchable": true, "orderable": false},
                {"data": "phone", "title": "Phone", "name": "phone", "searchable": true, "orderable": false},
                {"data": "unit_no", "title": "Unit No.", "name": "unit_no", "searchable": true, "orderable": false},
                {"data": "tower", "title": "Tower", "name": "tower", "searchable": true, "orderable": false},
                {"data": "district", "title": "Area", "name": "district", "searchable": true, "orderable": false},
                {"data": "city", "title": "City", "name": "city", "searchable": true, "orderable": false},
                {
                    "data": "property_type",
                    "title": "Property Type",
                    "name": "property_type",
                    "searchable": true,
                    "orderable": false
                },
                {
                    "data": "assignee",
                    "title": "Assigned To",
                    "name": "assignee.name",
                    "searchable": false,
                    "orderable": false
                },
                {
                    "data": "cd_status",
                    "title": "Status",
                    "name": "cd_status.name",
                    "searchable": false,
                    "orderable": false
                },
                {
                    "data": "cd_category",
                    "title": "Category",
                    "name": "cd_category.name",
                    "searchable": false,
                    "orderable": false
                },
                {
                    "data": null,
                    "title": "Actions",
                    "searchable": false,
                    "orderable": false
                }
            ];
        </script>
    @else
        @include('admin.callingDatabase.callingDatabaseListAgentTemplate')
        <script type="text/javascript">
            var allColumns = [
                {
                    "orderable": true,
                    "searchable": false,
                    "data": 'created_at',
                    "visible": false
                },
                {"orderable": false, "searchable": false, "data": null, "title": customCheckBox},
                {
                    "data": "reference_number",
                    "title": "Ref.",
                    "name": "reference_number",
                    "searchable": true,
                    "orderable": false
                },
                {"data": "name", "title": "Name", "name": "name", "searchable": true, "orderable": false},
                {"data": "email", "title": "Email", "name": "email", "searchable": true, "orderable": false},
                {"data": "phone", "title": "Phone", "name": "phone", "searchable": true, "orderable": false},
                {"data": "unit_no", "title": "Unit No.", "name": "unit_no", "searchable": true, "orderable": false},
                {"data": "tower", "title": "Tower", "name": "tower", "searchable": true, "orderable": false},
                {"data": "district", "title": "Area", "name": "district", "searchable": true, "orderable": false},
                {"data": "city", "title": "City", "name": "city", "searchable": true, "orderable": false},
                {
                    "data": "property_type",
                    "title": "Property Type",
                    "name": "property_type",
                    "searchable": true,
                    "orderable": false
                },
                {
                    "data": "cd_status",
                    "title": "Status",
                    "name": "cd_status.name",
                    "searchable": false,
                    "orderable": false
                },
                {
                    "data": "cd_category",
                    "title": "Category",
                    "name": "cd_category.name",
                    "searchable": false,
                    "orderable": false
                },
                {
                    "data": null,
                    "title": "Actions",
                    "searchable": false,
                    "orderable": false
                }
            ];
        </script>
    @endif
    <script>
        function onlyNumberKey(evt) {
            var ASCIICode = (evt.which) ? evt.which : evt.keyCode
            return !(ASCIICode > 31 && (ASCIICode < 48 || ASCIICode > 57));
        }
    </script>
    <script src="{{asset('back_assets/assets/js/app/callingDatabaseScript.js')}}?{{ app_version() }}"></script>
    @if (Session::has('errors'))
        <script type="text/javascript">
            swal({
                html: "true",
                title: "",
                text: "<ul style='text-align: left;list-style: disc;margin-left: 0;'>@foreach (Session::get('errors') as $error) <li>{{ $error }}</li> @endforeach</ul>",
                type: "error"
            }, function () {
                $('#uploadFileModal').modal('show')
            });
        </script>
    @endif
    @if (Session::has('success'))
        <script type="text/javascript">
            swal({
                title: "",
                text: '{{Session::get('success')}}',
                type: "success"
            });
        </script>
    @endif
    @if (Session::has('bsuccess'))
        <script type="text/javascript">
            swal({
                title: "",
                text: '{{Session::get('bsuccess')}}',
                type: "success"
            });
        </script>
    @endif
@stop