@extends('content')

@section('page-title')
    @if($vehicle->exists) {{ __('clients.vehicles.edit_vehicle_header') }} @else {{ __('clients.vehicles.add_vehicle_header') }} @endif
@endsection

@section('page-content')

    <x-forms.form-wrapper-component formRoute="{{ $vehicle->exists ? route('office.vehicles.update', $vehicle) : route('office.vehicles.insert.store') }}" formLabel="{{ __('clients.vehicles.form.label') }}">

        <div class="grid grid-cols-12 gap-4">

            <div class="col-span-12 md:col-span-6">
                <x-forms.input-component
                    inputType="text"
                    inputName="car_brand"
                    inputName="car_brand"
                    inputId="car_brand"
                    inputValue="{{ old('car_brand', $vehicle->car_brand) }}"
                    inputLabel="{{ __('clients.vehicles.form.car_brand') }}"
                    inputPlaceholder="{{ __('clients.vehicles.form.car_brand') }}"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6">
                <x-forms.input-component
                    inputType="text"
                    inputName="car_model"
                    inputId="car_model"
                    inputValue="{{ old('car_model', $vehicle->car_model) }}"
                    inputLabel="{{ __('clients.vehicles.form.car_model') }}"
                    inputPlaceholder="{{ __('clients.vehicles.form.car_model') }}"
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="plate_number"
                    inputId="plate_number"
                    inputValue="{{ old('plate_number', $vehicle->plate_number) }}"
                    inputLabel="{{ __('clients.vehicles.form.plate_number') }}"
                    inputPlaceholder=""
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="vin"
                    inputId="vin"
                    inputValue="{{ old('vin', $vehicle->vin) }}"
                    inputLabel="{{ __('clients.vehicles.form.vin') }}"
                    inputPlaceholder=""
                    inputRequired=0
                    inputClass="input_md"
                    max="17"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="volume_ccm"
                    inputId="volume_ccm"
                    inputValue="{{ old('volume_ccm', $vehicle->volume_ccm) }}"
                    inputLabel="{{ __('vehicle.list.volume_ccm') }}"
                    inputPlaceholder=""
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="power_kw"
                    inputId="power_kw"
                    inputValue="{{ old('power_kw', $vehicle->power_kw) }}"
                    inputLabel="{{ __('vehicle.list.power_kw') }}"
                    inputPlaceholder=""
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>


            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="power_km"
                    inputId="power_km"
                    inputValue="{{ old('power_km', $vehicle->power_km) }}"
                    inputLabel="{{ __('vehicle.list.power_km') }}"
                    inputPlaceholder=""
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="kilometers"
                    inputId="kilometers"
                    inputValue="{{ old('kilometers', $vehicle->kilometers) }}"
                    inputLabel="{{ __('vehicle.list.kilometers') }}"
                    inputPlaceholder=""
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="engine_code"
                    inputId="engine_code"
                    inputValue="{{ old('engine_code', $vehicle->engine_code) }}"
                    inputLabel="{{ __('vehicle.list.engine_code') }}"
                    inputPlaceholder=""
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="text"
                    inputName="paint_code"
                    inputId="paint_code"
                    inputValue="{{ old('paint_code', $vehicle->paint_code) }}"
                    inputLabel="{{ __('vehicle.list.paint_code') }}"
                    inputPlaceholder=""
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-3">
                <x-forms.input-component
                    inputType="number"
                    inputName="year"
                    inputId="year"
                    inputValue="{{ old('year', $vehicle->year) }}"
                    inputLabel="{{ __('vehicle.list.year') }}"
                    inputPlaceholder=""
                    inputRequired=0
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6">
                <x-forms.select-alpine-component
                    whichData="clients"
                    defaultValue="{{ old('client_id', $vehicle->client_id) }}"
                    inputName="client_id"
                    searchInput="true"
                    label="clients"
                />
            </div>

            <div class="col-span-12">
                <x-forms.textarea-component
                    textareaName="description"
                    textareaId="description"
                    textareaValue="{{ old('description', $vehicle->description) }}"
                    textareaLabel="{{ __('clients.vehicles.form.description') }}"
                    textareaPlaceholder="{{ __('clients.vehicles.form.description') }}"
                    textareaRows="5"
                    textareaClass="input_md"
                />
            </div>

        </div>

        <div class="text-center mt-8">
            <button type="submit" class="btn_lg btn_red">{{ __('clients.vehicles.save') }}</button>
        </div>


    </x-forms.form-wrapper-component>


    <div class="text-center">
        <a href="{{ route('office.vehicles') }}" class="btn_lg btn_gray">&laquo; {{ __('main.return') }}</a>
    </div>


@endsection