@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
        }

        /* .flex-container {
                                                        display: flex;
                                                    } */
    </style>
    <!-- Filters -->
    <form>
        <div class="card card-info collapsed-card">
            <div class="card-header btn btn-tool" data-card-widget="collapse">
                <div class="card-title">
                    Filter
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    {{-- Left Side Filter --}}
                    <div class="col-6">
                        <table style="width:85%">
                            <tr>
                                <th class="col-4">Select Project :</th>
                                <td class="form-group">
                                    <select name="project_id" id="projects" class="custom-select form-control-border">
                                        <option></option>
                                        @foreach ($projects as $project)
                                            <option value="{{ $project->id }}" {{ request()->get('project_id') == $project->id ? 'selected' : '' }}>
                                                {{ $project->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th class="col-4">Select Multiple Projects :</th>
                                <td class="form-group">
                                    <select name="project_ids[]" id="projectss" class="select2 custom-select form-control-border" multiple>
                                        <option></option>
                                        @foreach ($projects as $project)
                                            <option value="{{ $project->id }}" {{ in_array($project->id, request()->get('project_ids', [])) ? 'selected' : '' }}>
                                                {{ $project->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th class="col-4">Choose Building :</th>
                                <td class="form-group">
                                    <select name="building_id[]" id="buildingFilter" class="select2 custom-select form-control-border" multiple>
                                        {{-- Retain building filter options here if they exist --}}
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th class="col-4">Choose Unit :</th>
                                <td class="form-group">
                                    <select name="unit_id[]" id="unitsFilter" class="select2 custom-select form-control-border" multiple>
                                        {{-- Retain unit filter options here if they exist --}}
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th class="col-4">Sales Man :</th>
                                <td class="form-group">
                                    <select name="user_id[]" class="select2 custom-select form-control-border" multiple>
                                        @foreach ($users as $user)
                                            <option value="{{ $user->id }}" {{ in_array($user->id, request()->get('user_id', [])) ? 'selected' : '' }}>
                                                {{ $user->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th class="col-4">Status :</th>
                                <td class="form-group">
                                    <select name="status[]" class="select2 custom-select form-control-border" multiple>
                                        <option value="free" {{ in_array('free', request()->get('status', [])) ? 'selected' : '' }}>free</option>
                                        <option value="hold" {{ in_array('hold', request()->get('status', [])) ? 'selected' : '' }}>hold</option>
                                        <option value="reserved" {{ in_array('reserved', request()->get('status', [])) ? 'selected' : '' }}>reserved</option>
                                        <option value="downpayment" {{ in_array('downpayment', request()->get('status', [])) ? 'selected' : '' }}>downpayment</option>
                                        <option value="taken" {{ in_array('taken', request()->get('status', [])) ? 'selected' : '' }}>Contracted</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th class="col-4">Type :</th>
                                <td class="form-group">
                                    <select name="type[]" class="select2 custom-select form-control-border" multiple>
                                        @foreach ($types as $type)
                                            <option value="{{ $type->id }}" {{ in_array($type->id, request()->get('type', [])) ? 'selected' : '' }}>
                                                {{ $type->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th class="col-4">Finishing :</th>
                                <td class="form-group">
                                    <select name="finishing[]" class="select2 custom-select form-control-border" multiple>
                                        @foreach ($typesFinishing as $finishing)
                                            <option value="{{ $finishing->id }}" {{ in_array($finishing->id, request()->get('finishing', [])) ? 'selected' : '' }}>
                                                {{ $finishing->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th class="col-4">View :</th>
                                <td class="form-group">
                                    <select name="view[]" class="select2 custom-select form-control-border" multiple>
                                        @foreach ($typesView as $view)
                                            <option value="{{ $view->id }}" {{ in_array($view->id, request()->get('view', [])) ? 'selected' : '' }}>
                                                {{ $view->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
    
                            @if (count($Allunits) != 0)
                                <tr>
                                    <th class="col-4">Floor :</th>
                                    <td class="form-group">
                                        <select name="floor[]" class="select2 custom-select form-control-border" multiple>
                                            @foreach ($Allunits->pluck('floor')->unique() as $floor)
                                                <option value="{{ $floor }}" {{ in_array($floor, request()->get('floor', [])) ? 'selected' : '' }}>
                                                    {{ $floor }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <th class="col-4">Bedrooms :</th>
                                    <td class="form-group">
                                        <select name="bedrooms[]" class="select2 custom-select form-control-border" multiple>
                                            @foreach ($Allunits->pluck('bedrooms')->unique() as $bedrooms)
                                                <option value="{{ $bedrooms }}" {{ in_array($bedrooms, request()->get('bedrooms', [])) ? 'selected' : '' }}>
                                                    {{ $bedrooms }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <th class="col-4">Bathrooms :</th>
                                    <td class="form-group">
                                        <select name="bathrooms[]" class="select2 custom-select form-control-border" multiple>
                                            @foreach ($Allunits->pluck('bathrooms')->unique() as $bathrooms)
                                                <option value="{{ $bathrooms }}" {{ in_array($bathrooms, request()->get('bathrooms', [])) ? 'selected' : '' }}>
                                                    {{ $bathrooms }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <th class="col-4">Dressing :</th>
                                    <td class="form-group">
                                        <select name="dressing[]" class="select2 custom-select form-control-border" multiple>
                                            @foreach ($Allunits->pluck('dressing')->unique() as $dressing)
                                                <option value="{{ $dressing }}" {{ in_array($dressing, request()->get('dressing', [])) ? 'selected' : '' }}>
                                                    {{ $dressing }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                </tr>
                            @endif
                        </table>
                    </div>
    
                    {{-- Right Side Filter --}}
                    <div class="col-6">
                        {{-- Created At --}}
                        <table>
                            <tr>
                                <th colspan="4" style="text-align:center">Creation Date</th>
                            </tr>
                            <tr>
                                <th class="col-4">From</th>
                                <th class="col-4">To</th>
                            </tr>
                            <tr class="form-group">
                                <td>
                                    <input type="date" name="date1" value="{{ request()->get('date1', old('date1')) }}" class="form-control">
                                </td>
                                <td>
                                    <input type="date" name="date2" value="{{ request()->get('date2', old('date2')) }}" class="form-control">
                                </td>
                            </tr>
                            <tr class="form-group">
                                <td class="form-group">
                                    <input type="time" value="{{ request()->get('time1', old('time1')) }}" class="form-control" name="time1">
                                </td>
                                <td>
                                    <input type="time" name="time2" value="{{ request()->get('time2', old('time2')) }}" class="form-control">
                                </td>
                            </tr>
                        </table>
                        <hr>
    
                        {{-- Booked Date --}}
                        <table>
                            <tr>
                                <th colspan="4" style="text-align:center">Booked Date</th>
                            </tr>
                            <tr>
                                <th class="col-4">From</th>
                                <th class="col-4">To</th>
                            </tr>
                            <tr class="form-group">
                                <td>
                                    <input type="date" name="bookedDate1" value="{{ request()->get('bookedDate1', old('bookedDate1')) }}" class="form-control">
                                </td>
                                <td>
                                    <input type="date" name="bookedDate2" value="{{ request()->get('bookedDate2', old('bookedDate2')) }}" class="form-control">
                                </td>
                            </tr>
                        </table>
                        <hr>
    
                        {{-- Price Range --}}
                        <table>
                            <tr>
                                <th colspan="4" style="text-align:center">Price Range</th>
                            </tr>
                            <tr>
                                <th class="col-4">From: </th>
                                <td class="col-6">
                                    <input type="number" step="any" name="price1" value="{{ request()->get('price1', old('price1')) }}" class="form-control">
                                </td>
                            </tr>
                            <tr class="form-group">
                                <th class="col-4">To: </th>
                                <td class="col-6">
                                    <input type="number" step="any" name="price2" value="{{ request()->get('price2', old('price2')) }}" class="form-control">
                                </td>
                            </tr>
                        </table>
                        <hr>
    
                        {{-- Space Range --}}
                        <table>
                            <tr>
                                <th colspan="4" style="text-align:center">Space Range</th>
                            </tr>
                            <tr>
                                <th class="col-4">From: </th>
                                <td class="col-6">
                                    <input type="number" step="any" name="space1" value="{{ request()->get('space1', old('space1')) }}" class="form-control">
                                </td>
                            </tr>
                            <tr class="form-group">
                                <th class="col-4">To: </th>
                                <td class="col-6">
                                    <input type="number" step="any" name="space2" value="{{ request()->get('space2', old('space2')) }}" class="form-control">
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div style="float:right">
                    <a href="{{ url()->previous() }}" class="btn btn-default">Back</a>
                    <button type="submit" class="btn btn-info">filter</button>
                </div>
            </div>
        </div>
    </form>
    <!-- End filters -->

    <!-- /.row -->
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Units</h3><br>
            <h4>Total: {{ $Allunits->total() }}</h4>
            {{--<h4>Total: {{ count($Allunits) }}</h4>--}}
            <div class="btn-group" style="float:right">
               
                <a class="btn btn-outline-info" data-toggle="modal" style="float:right" title="Units Report"
                    data-target="#UnitsReportModal">
                    <i class="fas fa-file"></i>
                </a>
                @if (Request::path() != 'hiddenUnits' &&
                        auth()->user()->type == 'admin' &&
                        auth()->user()->role->hasPermission('units-hiddenUnits-read'))
                    <a href="{{ route('hiddenUnits') }}" class="btn btn-outline-danger" style="float:right"
                        title="Hidden units">
                        <i class="fas fa-eye-slash"></i>
                    </a>
                @endif
                <!-- <button type="button" class="btn btn-default">Action</button> -->
                <button type="button" title="Import" class="btn btn-light active dropdown-toggle dropdown-icon"
                    data-toggle="dropdown" style="">
                    <span class="sr-only">Toggle Dropdown</span>
                </button>
                <div class="dropdown-menu" role="menu">
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('units-upload'))
                        <a class="dropdown-item" data-toggle="modal" data-target='#UploadFileModal' href="#">
                            Import Units
                        </a>
                    @endif
                    @if (auth()->user()->type == 'admin' ||
                            auth()->user()->role->hasPermission('units-update-sheet'))
                        <a class="dropdown-item" data-toggle="modal" data-target='#UpdateSheetModal' href="#">
                            Import update Units
                        </a>
                    @endif
                </div>
            </div>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
            <!--<div id="demo" class="display">-->
            <table
                id="{{ auth()->user()->type == 'admin' ||auth()->user()->role->hasPermission('units-export')? 'original': 'original-nonExport' }}"
                class="display nowrap" style="width:100%">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Name</th>
                        <th>phase</th>
                        <th>Building</th>
                        <th>Building Type</th>
                        <th>Project</th>
                        <th>Meter Price</th>
                        <th>Total Space</th>
                        <th>Total Price</th>
                        <th>Floor</th>
                        <th>Bedroom</th>
                        <th>Bathrooms</th>
                        <th>Dressing</th>
                        <th>Type</th>
                        <th>Finishing Level</th>
                        <th>View</th>
                        <th>booked date</th>
                        <th>Client ID</th>
                        <th>Client Name</th>
                        <th>Sales Man</th>
                        <th>status</th>
                        <th>Created Date</th>
                        <th>Created Time</th>
                        <th>Active</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($Allunits as $unit)