@extends('layouts.loggedin')
@section('content')

        @if(session('error'))
            <div class="alert alert-success custom-alert-bad" id="autoDismissAlertFail">
                <span class="alert-icon">&#x274C</span>
                <strong>{{__(" Fail ")}}</strong>
                <br>
                <div>{{ session('error') }}</div>
            </div>
        @endif

    <div class="mainContainer">
        <div class="dashboard">
            <x-sidebar></x-sidebar>
            <div class="main-content">
                @if(count($vehicletable)>0)
                    <table id="dataTable">
                        <thead>
                            <tr>
                                <th>{{__("Registration Number")}}</th>
                                <th>{{__("Brand")}}</th>
                                <th>{{__("Model")}}</th>
                                <th>{{__("Owner")}}</th>
                                <th>{{__("Phone Number")}}</th>
                                <th>{{__("Subscription")}}</th>
                                <th colspan="3">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($vehicletable as $data)
                            <tr data-timestamp="{{ strtotime($data->date_envoi) }}">
                                <td>{{$data->registration_number}}</td>
                                <td>{{$data->brand}}</td>
                                <td>{{$data->model}}</td>
                                <td>{{$data->owner}}</td>
                                <td>{{$data->phone_number}}</td>
                                <td>{{$data->subscription}}</td>
                                <td><a href="{{ route('remove.vehicle', $data->registration_number) }}" class="btn btn-danger"><x-feathericon-delete></x-feathericon-delete></a></td>
                                <td><a href="{{ route('get.subscription', $data->registration_number) }}" class="btn btn-danger"><x-feathericon-credit-card></x-feathericon-credit-card></a></td>
                                <td><a href="{{ route('download.subscription', $data->id) }}" class="btn btn-danger"><x-feathericon-download></x-feathericon-download></a></td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="small-below">
                        <button id="add-vehicle-btn" class="small-button-below" onclick="addVehicule()">+</button>
                    </div>
                @else
                <div class=>
                    {{__("No vehicle found")}}
                </div>
                <div class="small-below">
                        <button id="add-vehicle-btn" class="small-button-below" onclick="addVehicule()">+</button>
                </div>
                
                @endif
            </div>
            <div class="login-case" id="add-vehicule-case">
                <button class="close-btn" onclick="close_addVehicule()">X</button>
                <form action="{{ route('user.addedvehicle') }}" method="POST">
                @csrf
                    <h1 style="text-align:center;">{{__("Add vehicle")}}</h1>
                    <div class="form-group">
                        <h3>{{__("Registration Number")}}</h3>
                        <input type="text" name="registration_number" class="input-text" autocomplete="off">
                    </div>
                    <div class="form-group">
                        <h3>{{__("Brand")}}</h3>
                        <input type="text" name="brand" class="input-text" autocomplete="off">
                    </div>
                    <div class="form-group">
                        <h3>{{__("Model")}}</h3>
                        <input type="text" name="model" class="input-text" autocomplete="off">
                    </div>

                    <button type="submit" class="submit-button">{{ __('Add vehicle') }}</button>
                    <div class="plus_text">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </form>
            </div>
        </div>
    </div>
    
@endsection