@extends('layouts.master')

@section('title', 'Prise en charge au garage / Ajouter')

@section('content')
    <div class="row">
        <div class="col-md-6">
            <section class="section">
                <h1 class="section-header">
                    <div>
                        <i class="ion ion-android-options"></i>
                        @yield('title')
                    </div>
                </h1>
            </section>
        </div>

        <div class="col-md-6">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('home') }}">Tableau de bord</a></li>
                <li class="breadcrumb-item"><a href="{{ route('pec.list') }}">Nouvelle prise en charge</a></li>
                <li class="breadcrumb-item active" aria-current="page">Ajouter</li>
                </ol>
            </nav>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('pec.store') }}" method="POST">
                        @csrf
                        <div class="row">
                            <!-- id camion -->
                            <div class="col-md-4" style="display: none">
                                <div class="form-group">
                                    <label for="camion_id">Id camion</label>
                                    <input type="text" class="form-control" name="camion_id" id="camion_id" value="{{ $camion->id }}">
                                </div>
                            </div>

                            <!-- name camion -->
                            <div class="col-md-4" style="display: none">
                                <div class="form-group">
                                    <label for="camion_name">Name camion</label>
                                    <input type="text" class="form-control" name="camion_name" id="camion_name" value="{{ $camion->numero_immatriculation }}">
                                </div>
                            </div>

                            <!-- Date d'entrée -->
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="date_entre">Date d'entrée <span class="text-danger">*</span></label>
                                    <input type="date" class="form-control @error('date_entre') is-invalid @enderror" name="date_entre" id="date_entre" value="{{ old('date_entre') }}">
                                    @error('date_entre')
                                        {{ $message }}
                                    @enderror
                                </div>
                            </div>

                            <!-- Km -->
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="kilometrage">Km <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('kilometrage') is-invalid @enderror" name="kilometrage" id="kilometrage" value="{{ $response[0]['mileage'] ?? 0 }}" {{ $response[0]['mileage'] ?? 0 ? 'readonly' : '' }}>
                                    @error('kilometrage')
                                        {{ $message }}
                                    @enderror
                                </div>
                            </div>

                            <!-- Réparation -->
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="reparation">Réparation</label>
                                    <textarea name="reparation" id="reparation" class="form-control @error('reparation') is-invalid @enderror">{{ old('reparation') }}</textarea>
                                    @error('reparation')
                                        {{ $message }}
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="float-right">
                            <button type="submit" class="btn btn-sm btn-primary">Enregistrer</button>
                            <a href="{{ route('pec.list') }}" class="btn btn-sm btn-danger">Quitter</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection