@extends('layout.default')

@section('styles')
    <link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css"/>
@endsection
@section('subheaderRightToolbar')
    @PermissionsCan(groupPermissionName('inquirydealerapproval.create'))
    @php
        $favourite = \Modules\User\Entities\Favourite::where(['user_id'=> auth()->user()->id,'route_name' => request()->route()->getName()])->count();
    @endphp
    <button class="btn btn-{{ ($favourite === 0 ? 'info' : 'danger') }} font-weight-bolder add-to-favourite-js mr-2"
            data-url="{{ route('user.favourite.make') }}"
            data-title="Inquiry"
            data-activity="{{ ($favourite === 0 ? 'Create' : 'Remove') }}"
            data-path="{{ request()->route()->getName() }}">
        <i class="flaticon2-favourite"></i> {{ __(($favourite === 0 ? "Add to" : "Remove from")." Favourite ") }}
    </button>
    {{--                <a href="{{ route('inquirydealerapproval.create') }}" class="btn btn-primary font-weight-bolder">--}}
    {{--                    <i class="flaticon2-plus"></i><u>N</u>ew Inquiry Dealer</a>--}}
    @endPermissionsCan
@endsection
@section('content')

    <div class="card card-custom">
        <div class="card-body">
            <div class="mt-2 mb-5 mt-lg-5 mb-lg-10">
                <form class="js-filter-form" id="inquirydealerapproval-filter-js">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="row align-items-center">
                                <div class="col-md-2 my-2 my-md-0 pb-3">
                                    <label>From Inquiry Date</label>
                                    <div class="input-group">
                                        <input type="date" class="form-control" id="from_inquiry_dealer_date"
                                               name="from_inquiry_dealer_date"
                                               placeholder="From Inquiry Date" value="">
                                    </div>
                                </div>
                                <div class="col-md-2 my-2 my-md-0 pb-3">
                                    <label>To Inquiry Date</label>
                                    <div class="input-group">
                                        <input type="date" class="form-control" id="to_inquiry_dealer_date"
                                               name="to_inquiry_dealer_date"
                                               placeholder="To Inquiry Date" value="">
                                    </div>
                                </div>
                                <div class="col-md-2 my-2 my-md-0 pb-3">
                                    <label>Inquiry No</label>
                                    <div class="input-icon">
                                        <input type="text" class="form-control" name="search_by_name"
                                               placeholder="Search Inquiry No" id="kt_datatable_search_query"/>
                                        <span><i class="flaticon2-search-1 text-muted"></i></span>
                                    </div>
                                </div>
                                <div class="col-md-2 my-2 my-md-0 pb-3">
                                    <label>Status</label>
                                    <select name="status" id="status"
                                            class="form-control  form-control-lg status-select2-js"
                                            data-placeholder="select Status">
                                        @foreach(\Modules\InquiryDealer\Entities\InquiryDealer::STATUSES as $key => $status)
                                            <option value="{{ $key }}"
                                            >{{ $status }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-2 my-2 my-md-0">
                                    <button class="btn btn-light-primary px-6 font-weight-bold" id="submitFilter"
                                            title="Search Inquiry"><i class="fa fa-search" aria-hidden="true"></i>
                                        Search
                                    </button>
                                    <a href="{{route('inquirydealerapproval.index')}}"
                                       class="btn btn-light-danger px-6 font-weight-bold" id="submitFilter"
                                       title="Search Inquiry"><i class="fa fa-arrow-left" aria-hidden="true"></i>
                                        Clear
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <table class="table table-bordered table-hover" id="inquirydealerapproval_datatable"
                   data-url="{{ route('inquirydealerapproval.datatable') }}">
                <thead>
                <tr>
                    <th width="5%">No</th>
                    <th width="5%">Inquiry Dealer No</th>
                    <th width="5%">Inquiry Dealer Date</th>
                    <th width="5%">Branch</th>
                    <th width="5%">Assign To</th>
                    <th width="5%">Name</th>
                    <th width="5%">Email</th>
                    <th width="5%">Mobile No</th>
                    <th width="5%">Status</th>
                    <th width="14%">Action</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>

@endsection

@section('scripts')
    <script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>
    <script type="text/javascript" src="{{ asset('js/modules/inquirydealerapproval/index.js?v='.time()) }}"></script>
@endsection