@extends ('../welcome')
@section('content')
    <style>
        .pagination nav .relative.z-0.inline-flex {
            display: inline-flex;
        }

        .pagination nav .hidden {
            display: unset !important;
        }

        .pagination nav .flex-1.justify-between {
            padding: 15px 0
        }

        .pagination nav .flex.justify-between.flex-1 {
            display: none
        }
        tr{
            margin-top:20px !important;
        }
    </style>
    <!-- Filters -->
    {{-- <form>
        <div class="card card-info card-outline collapsed-card">
            <div class="card-header" class="btn btn-tool" data-card-widget="collapse">
                <div class="card-title" style="font-weight:bold; font-size:20px">
                    Filter
                </div>
            </div>
            <div class="card-body">
                <form>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label>Creator</label>
                                <select name="creators_id[]" class="select2 custom-select form-control-border" multiple>
                                    @foreach ($creators as $creator)
                                        <option value="{{ $creator->id }}">{{ $creator->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <label>brokers</label>
                                <select name="brokers_id[]" class="select2 custom-select form-control-border" multiple>
                                    @foreach ($brokers as $broker)
                                        <option value="{{ $broker->id }}">{{ $broker->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-6">
                            <div class="row">
                                <div class="form-group col-6">
                                    <label>From</label>
                                    <input type="time" value="{{ $_GET['time1'] ?? '' }}" class="form-control"
                                        name="time1">
                                </div>
                                <div class="form-group col-6">
                                    <label>to</label>

                                    <input type="time" name="time2" value="{{ $_GET['time2'] ?? '' }}"
                                        class="form-control">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-6">
                                    <input type="date" name="date1" value="{{ $_GET['date1'] ?? '' }}"
                                        class="form-control">
                                </div>
                                <div class="form-group col-6">
                                    <input type="date" name="date2" value="{{ $_GET['date2'] ?? '' }}"
                                        class="form-control">
                                </div>
                            </div>

                            <a href="{{ url()->previous() }}" class="btn btn-default">Back</a>
                            <button type="submit" class="btn btn-info" style="float:left">filter</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </form> --}}
    <!-- End filters -->


    {{-- Index Table --}}
    <!-- /.Table Card-->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title"> Requests </h5>
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('brokers-create-requests'))
                        <button type="button" class="btn btn-light" style="float:right" title="create Request"
                            data-toggle="modal" data-target="#myModal">
                            <i style="color:black" class="fas fa-plus"></i>
                        </button><br>
                    @endif
                    <div class="card-title">Total: {{ $inquiries->total() }}</div>
                </div>
                <div class="card-body">
                    <table id={{ auth()->user()->type == 'admin' ||   auth()->user()->role->hasPermission('inquiries-export') ? 'example2' : 'nonExport' }} 
                        class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>title</th>
                                <th>type</th>
                                <th>number</th>
                                <th>location</th>
                                <th>broker</th>
                                <th>agent</th>
                                <th>user</th>
                                <th>source</th>
                                <th>Created date</th>
                                <th>Created Time</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($inquiries as $inquiry)