@extends('backend.global.layout')

@section('content')
    @include('backend.global.notifications')
    <br>
    <div class="page-index-model d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content flex-row-fluid">
{{--            @include('backend.global.header-card', ['button_label' => 'Adicionar', 'button_url' => route('manager.vehicles.create'), 'button_label_2' => 'Importar Veiculos',--}}
{{--'button_2_url' => route('manager.vehicles.importer.usedcar')])--}}
            @include('backend.global.header-card', ['button_label' => 'Adicionar', 'button_url' => route('manager.vehicles.create'),
            'button_label_2' => 'Importar Veiculos',
            'button_2_url' => route('manager.vehicles.import.excel')])

            <div class="content-row">
                <!--begin::Card-->
                <div class="card">
                    <div class="card-body p-9">
                            {{ csrf_field() }}
                            <!--begin::Table-->
                            <table class="table align-middle table-row-dashed gy-5" style="font-size: 12px;" data-url="{{ route('manager.vehicles') }}" id="table_vehicles">
                                <!--begin::Table head-->
                                <thead>
                                <tr class="text-start text-muted fw-bolder text-uppercase gs-0" style="font-size: 10px;">
                                    <th data-orderable="false">Marca</th>
                                    <th>Modelo</th>
                                    <th>Versão</th>
                                    <th>Matrícula</th>
                                    <th>Condição</th>
                                    <th>Vísivel</th>
                                    <th>Em Destaque</th>
                                    <th>Banner Homepage</th>
                                    <th class="text-end min-w-100px" data-orderable="false">ACÇÕES</th>
                                </tr>
                                <tr>
                                    <th>
                                        <select id="select-brand" class="form-select form-select-sm" style="font-size: 11px;">
                                            <option value=""></option>
                                            @foreach ($brands as $brand)
                                                <option value="{{ $brand->id }}"
                                                    {{ $brand->id == $brandId ? 'selected' : '' }}>{{ $brand->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </th>
                                    <th>
                                        <select id="select-model" class="form-select form-select-sm" style="font-size: 11px;">
                                            <option value=""></option>
                                            @foreach ($models as $model)
                                                <option value="{{ $model->id }}"
                                                    {{ $model->id == $modelId ? 'selected' : '' }}>{{ $model->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </th>
                                    <th>
                                        <select id="select-version" class="form-select form-select-sm" style="font-size: 11px;">
                                            <option value=""></option>
                                            @foreach ($versions as $v)
                                                <option value="{{ $v }}"
                                                    {{ $v == $version ? 'selected' : '' }}>{{ $v }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </th>
                                    <th><input type="text" id="input-plate" class="form-control form-control-sm" style="font-size: 11px;" value="{{ $plate }}"></th>
                                    <th><select id="select-isnew" class="form-select form-select-sm" style="font-size: 11px;">
                                            <option value=""></option>
                                            <option {{ $isNew == '1' ? 'selected' : '' }} value="1">Novo</option>
                                            <option {{ $isNew == '0' ? 'selected' : '' }} value="0">Usado</option>
                                        </select>
                                    </th>
                                    <th><select id="select-visible" class="form-select form-select-sm" style="font-size: 11px;">
                                            <option value=""></option>
                                            <option {{ $visible === 1 ? 'selected' : '' }} value="1">Sim</option>
                                            <option {{ $visible === 0 ? 'selected' : '' }} value="0">Não</option>
                                        </select>
                                    </th>
                                    <th>
                                        <select id="select-highlighted" class="form-select form-select-sm" style="font-size: 11px;">
                                            <option value=""></option>
                                            <option {{ $highlighted === 1 ? 'selected' : '' }} value="1">Sim</option>
                                            <option {{ $highlighted === 0 ? 'selected' : '' }} value="0">Não</option>
                                        </select>
                                    </th>
                                    <th>
                                        <select id="select-highlight-banner" class="form-select form-select-sm" style="font-size: 11px;">
                                            <option value=""></option>
                                            <option {{ $highlightBanner === 1 ? 'selected' : '' }} value="1">Sim</option>
                                            <option {{ $highlightBanner === 0 ? 'selected' : '' }} value="0">Não</option>
                                        </select>
                                    </th>
                                    <th></th>
                                </tr>
                                </thead>
                                <!--end::Table head-->
                                <!--begin::Table body-->
                                <tbody class="text-gray-600 fw-bold">
                                @foreach($vehicles as $n)
                                    <tr>
                                        <td>{{ $n->brands?->name }}</td>
                                        <td>{{ $n->models?->name }}</td>
                                        <td>{{ $n->version }}</td>
                                        <td>{{ $n->plate }}</td>
                                        <td>{{ $n->is_new == \App\Models\Vehicles\Vehicles::CONDITION_NEW ? 'Novo' : 'Usado' }}</td>
                                        <td>{{ $n->status == \App\Models\Vehicles\Vehicles::STATUS_ENABLED ? 'Sim' : 'Não' }}</td>
                                        <td style="color: {{ $n->highlight == 1 ? '#3699FF' : '#B5B5C3' }};">{{ $n->highlight == 1 ? 'Sim' : 'Não' }}</td>
                                        <td style="color: {{ $n->highlight_banner == 1 ? '#F6A609' : '#B5B5C3' }};">{{ $n->highlight_banner == 1 ? 'Sim' : 'Não' }}</td>
                                        <td class="d-flex justify-content-end flex-shrink-0">
                                            <a href="{{ route('manager.vehicles.duplicate', $n->id) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Duplicar Viatura">
                                                <span class="svg-icon svg-icon-6">
                                                   <i class="fas fa-copy"></i>
                                                </span>
                                            </a>
                                            <a href="{{route('manager.vehicles.gallery.zone', $n->id)}}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Galeria">
                                                <span class="svg-icon svg-icon-3">
                                                    <i class="far fa-image"></i>
                                                </span>
                                            </a>
                                            <a href="{{ route('manager.vehicles.show', $n->id) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Consultar">
                                                <span class="svg-icon svg-icon-3">
                                                    <i class="far fa-eye"></i>
                                                </span>
                                            </a>
                                            <a href="{{ route('manager.vehicles.edit', $n->id) }}" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1" title="Editar">
                                                <span class="svg-icon svg-icon-3">
                                                    <i class="fas fa-pencil-alt"></i>
                                                </span>
                                            </a>
                                            <a href="javascript:void(0);" data-route="{{ route('manager.vehicles.delete', $n->id) }}" class="btn btn-icon btn-delete btn-bg-light btn-active-color-primary btn-sm" title="Eliminar">
                                                <span class="svg-icon svg-icon-3">
                                                    <i class="fas fa-trash-alt"></i>
                                                </span>
                                            </a>
                                        </td>

                                    </tr>
                                    <!--end::Table row-->
                                @endforeach
                                </tbody>
                                <!--end::Table body-->
                            </table>
                            <!--end::Table-->
                        {{ $vehicles->links('vendor.pagination.bootstrap-5') }}
                        @if (!isset($vehicles) || count($vehicles) <= 0)
                            @include('backend.snippets.norecords')
                        @endif
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
            </div>
        </div>
    </div>
@endsection