@extends('layouts.master')

@section('title', 'Commandes ' . $commande->client->fullname)

@section('content')
    <section class="section">
        <h1 class="section-header">
            <div>@yield('title')</div>
        </h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">Tableau de bord</a></li>
            <li class="breadcrumb-item"><a href="{{ route('client.index') }}">Clients</a></li>
            <li class="breadcrumb-item"><a href="{{ route('commande.index', ['id' => $commande->client_id]) }}">Commandes</a></li>
            <li class="breadcrumb-item"><a href="{{ route('commande.show', ['id' => $commande->id]) }}">Détails</a></li>
            <li class="breadcrumb-item active" aria-current="page">Ajouter</li>
        </ol>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('commande.detail.store') }}" method="POST">
                            @csrf
                            <div class="row">
                                <!-- ID Commande -->
                                <div class="col-md-12 col-sm-12 mb-3" style="display: none">
                                    <label for="commande_id" class="form-label">ID Commande <span class="text-danger">*</span></label>
                                    <input type="text" name="commande_id" id="commande_id" class="form-control @error("commande_id") is-invalid @enderror" value="{{ $commande->id }}">
                                </div>

                                <!-- Désignation -->
                                <div class="col-md-4 col-sm-12 mb-3">
                                    <label for="designation" class="form-label">Désignation <span class="text-danger">*</span></label>
                                    <input type="text" name="designation" id="designation" class="form-control @error("designation") is-invalid @enderror" value="{{ old('designation') }}">
                                    @error("designation")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Quantité -->
                                <div class="col-md-4 col-sm-12 mb-3">
                                    <label for="quantity" class="form-label">Quantité <span class="text-danger">*</span></label>
                                    <input type="number" name="quantity" id="quantity" class="form-control @error("quantity") is-invalid @enderror" value="{{ old('quantity') }}">
                                    @error("quantity")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Prix -->
                                <div class="col-md-4 col-sm-12 mb-3">
                                    <label for="price" class="form-label">Prix unitaire <span class="text-danger">*</span></label>
                                    <input type="number" name="price" id="price" class="form-control @error("price") is-invalid @enderror" value="{{ old('price') }}">
                                    @error("price")
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Détails -->
                                <div class="col-md-12 col-sm-12 mb-3">
                                    <label for="detail" class="form-label">Détails</label>
                                    <textarea id="detail" name="detail" class="form-control">{{ old('detail') }}</textarea>
                                </div>

                                <div class="col-md-12">
                                    <div class="text-right mt-3">
                                        <button type="submit" class="btn btn-primary">Enregistrer</button>
                                        <a href="{{ route('commande.show', ['id' => $commande->id]) }}" class="btn btn-outline-danger">Retour</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection