@extends('admin.layouts.master')

@section('page_title', __('admin.:name List' , ['name' =>  __('admin.Parking Space')]))

@section('page_heading', __('admin.:name List' , ['name' =>  __('admin.Parking Space')]))

@section('page_text', __('admin.Manage list of :name' , ['name' =>  __('admin.Parking Space')]))

@section('page_breadcrumb_icon') <i class="ki-duotone ki-home fs-3 text-gray-500 me-n1"></i> @endsection

@section('page_breadcrumb_item', 'Parking Space')

@section('page_breadcrumb_item2', 'Parking Space')

@section('content')
    <div class="row">
        <div class="col-12">
            <form method="page_search_form" method="get" action="{{ route($routeName) }}">
                <div class="card card-flush">
                    <div class="card-body">
                     <div class="row ">
                         <div class="col-4 ">
                             <div class="form-group">
                                 <label>Development</label>
                                 <select class="form-select" data-control="select2" name="vehicle" id="vehicle" required>
                                    <option value="">Selct Vehicle Type</option>
                                    <option value="1" @if($vehicle == '1') selected @endif>All</option>
                                     @foreach ($vehicleType as $key => $vehi)
                                        <option value="{{ $key }}"
                                        @if($key == $vehicle )
                                         selected 
                                        @endif
                                        >{{ $key }}</option>
                                     @endforeach
                                 </select>
                             </div>
                         </div>
                        
                         <div class="col-4  d-flex align-items-center">
                             <div>
                                 <input type="submit" class="btn btn-primary mb-2"  value="Search">
                             </div>
                         </div>
                     </div>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-md-12">
            <div class="card card-flush">
                <div class="card-body">
                    @include('admin.list_includes.search_row')
                    <table  class="body_cont table table-striped table-rounded border border-gray-300 table-row-bordered table-row-gray-300 gy-7 gs-7">
                        <thead>
                            @include('admin.list_includes.column_row')
                       </thead>
                        <tbody>
                        @if(count($items) > 0)
                            @foreach ($items as $item)
                                <tr class="fw-semibold text-gray-600">
                                    <td>{{ $item->resident->apartment->name }}</td>
                                    <td class="text-center">
                                        <span class="badge badge-pill {{ $vehicleType[$item->vehicle_type]}} fs-6">
                                            {{ $item->vehicle_type }}</span>
                                        </td>
                                    <td>{{ !empty($item->make)? $item->make :'-' }}</td>
                                    <td>{{ !empty($item->model) ? $item->model :'-' }}</td>
                                    <td>{{ !empty($item->registration)?$item->registration:'-' }}</td>
                                    <td>{{ !empty($item->frame_no)?$item->frame_no:'-' }}</td>
                                    <td>{{ !empty($item->fob_no)?$item->fob_no:'-' }}</td>
                                    <td>{{ $item->space }}</td>
                                    <td><a href="{{url('admin/apartment/resident/'.encrypt($item->resident->apartment->id))}}"
                                        class="border-0 btn-transition btn btn-outline-primary" data-toggle="tooltip"
                                        data-placement="top" title="" data-original-title="Edit Vehicle" target="_blank">
                                            <i class="fa fa-eye"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        @else
                            <tr><td colspan="9" class="fs-6 font-weight-bold text-center">------------</td></tr>
                        @endif
                        </tbody>
                    </table>
                    @include('admin.list_includes.paginate_row')
                   
                </div>
            </div>
        </div>
    </div>
@endsection