@extends('layouts.master')

@section('title', 'Cartes')

@section('content')
    <div class="page-inner">
        <div class="page-header">
            <h3 class="fw-bold mb-3">@yield('title')</h3>
            <ul class="breadcrumbs mb-3">
                <li class="nav-home">
                    <a href="{{ route('home') }}">
                    <i class="icon-home"></i>
                    </a>
                </li>

                <li class="separator">
                    <i class="icon-arrow-right"></i>
                </li>

                <li class="nav-item">
                    <a href="{{ route('cartes.index') }}">Cartes</a>
                </li>

                <li class="separator">
                    <i class="icon-arrow-right"></i>
                </li>

                <li class="nav-item">
                    <a href="#">Modifier</a>
                </li>
            </ul>
        </div>

        <div class="row">
           <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('cartes.update', ['carte' => $carte->id]) }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')

                            <div class="row">
                                <!-- Nom -->
                                <div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="last_name">Nom <span class="text-danger">*</span></label>
                                        <input type="text" name="last_name" class="form-control @error('last_name') is-invalid @enderror" id="last_name" value="{{ $carte->last_name }}">
                                        @error('last_name')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <!-- Prénom -->
                                <div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="first_name">Prénom <span class="text-danger">*</span></label>
                                        <input type="text" name="first_name" class="form-control @error('first_name') is-invalid @enderror" id="first_name" value="{{ $carte->first_name }}">
                                        @error('first_name')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <!-- Fonction -->
                                <div class="col-md-4 col-lg-4 col-xl-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="fonction">Fonction <span class="text-danger">*</span></label>
                                        <input type="text" name="fonction" class="form-control @error('fonction') is-invalid @enderror" id="fonction" value="{{ $carte->fonction }}">
                                        @error('fonction')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <!-- Nº matricule -->
                                <div class="col-md-4 col-lg-4 col-xl-4 col-sm-12">
                                    <div class="form-group">
                                        <label for="matricule">Nº matricule <span class="text-danger">*</span></label>
                                        <input type="text" name="matricule" class="form-control @error('matricule') is-invalid @enderror" id="matricule" value="{{ $carte->matricule }}">
                                        @error('matricule')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <!-- Service -->
                    <div class="col-md-4 col-lg-4 col-xl-4 col-sm-12">
                        <div class="form-group">
                            <label for="service">Service <span class="text-danger">*</span></label>
                            <input type="text" name="service" class="form-control @error('service') is-invalid @enderror" id="service" value="{{ $carte->service }}">
                            @error('service')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                                <div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="name">Grade <span class="text-danger">*</span></label>
                                        <select name="grade_id" id="grade_id" class="form-control @error('grade_id') is-invalid @enderror">
                                            <option value="">Choisir le grade</option>
                                            @foreach ($grades as $grade)
                                                <option value="{{ $grade->id }}" {{ $carte->grade_id == $grade->id ? 'selected' : '' }}>{{ $grade->name }}</option>
                                            @endforeach
                                        </select>
                                        @error('grade_id')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6 col-lg-6 col-xl-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="delivred">Date de delivration <span class="text-danger">*</span></label>
                                        <input type="date" name="delivred" class="form-control @error('delivred') is-invalid @enderror" id="delivred" value="{{ $carte->delivred }}">
                                        @error('delivred')
                                            <span class="text-danger">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="card-action text-end">
                                <button type="submit" class="btn btn-success">Modifier</button>
                                <a href="{{ route('cartes.index') }}" class="btn btn-danger">Retour</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection