@extends('admin/layouts/contentNavbarLayout')

@section('title')
{{ __('client.companies') }}
@endsection


@section('page-script')
@endsection

@section('content')
<div class="row py-3">
    <div class="col-md">
        <h2 class="fw-bold py-3 mb-4 h4">{{ __('client.companies') }}</h2>
    </div>
</div>
@include('admin.responses.messages')

<div class="card">
    <h5 class="card-header">{{ __('client.vehicle_list') }}</h5>
    <div class="table-responsive text-nowrap">
        <table class="table" style="white-space: normal">
            <thead>
                <tr>
                    <th>{{ __('client.numberplate') }}</th>
                    <th style="width: 300px">{{ __('client.vehicle') }}</th>
                    <th style="width: 150px">{{ __('client.gray_card') }}</th>
                    {{-- <th style="width: 125px">{{ __('client.year') }}</th> --}}
                    <th>{{ __("client.actions") }}</th>
                </tr>
            </thead>
            <tbody class="table-border-bottom-0">
                @if($vehicles)
                @foreach ($vehicles as $vehicle)
                <tr>
                    <td>{{ $vehicle->numberplate }}</td>
                    <td>{{ $vehicle->mark . ' ' . $vehicle->model . ' ' . $vehicle->version }}</td>
                    <td>
                        @if($vehicle->gray_card_front)
                            <a class="btn btn-primary" href="{{ url($vehicle->gray_card_front) }}" target="_blank">{{ __('client.consult') }}</a>
                        @endif
                    </td>
                    {{-- <td>{{ $vehicle->construction_year }}</td> --}}
                    <td>
                        <div class="dropdown">
                            <button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" href="{{ route('company-client.vehicle.show', $vehicle->id) }}">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="12">
                                        <path fill="#697a8d" d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM80 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm16 96H288c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V256c0-17.7 14.3-32 32-32zm0 32v64H288V256H96zM240 416h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H240c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/>
                                    </svg> 
                                    <span class="mx-2">{{ __('client.consult') }}</span>
                                  </a>
                                {{-- <a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i>{{ __('client.edit') }}</a> --}}
                                    {{-- <button class="dropdown-item" type="button" onclick="deleteVehicle('{{ route('client.vehicle.delete', $vehicle->id) }}')"><i class="bx bx-trash me-1"></i>{{ __('client.delete') }}</button> --}}
                            </div>
                        </div>
                    </td>
                </tr>
                @endforeach
                @endif
            </tbody>
        </table>
    </div>
</div>
@endsection

@section('scripts')
<script>
</script>
@endsection