@php
    $date = date('Y');
    $paiement_max_id = App\Models\Paiement::max('id') + 1;
    $ref = $date . '/' . str_pad($paiement_max_id, 3, '0', STR_PAD_LEFT)
@endphp

@extends('layouts.master')

@section('title', 'Paiement / Ajouter ' . $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('paiement.index', ['id' => $commande->id]) }}">Paiements</a></li>
            <li class="breadcrumb-item active" aria-current="page">Ajouter</li>
        </ol>

        <div class="row">
            <div class="col-12 col-md-12">
                <div class="card">
                    <div class="card-body">
                        @if ($commande->reliquat == 0)
                            <h4 class="text-center">Le paiement de ce commande a été soldé, <a href="{{ route('paiement.index', ['id' => $commande->id]) }}" class="btn btn-sm btn-success">Voir les paiements</a></h4>
                        @else
                            <form action="{{ route('paiement.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <!-- Id commande -->
                                    <div class="col-md-12" style="display: none">
                                        <div class="form-group">
                                            <label for="commande_id">Id commande <span class="text-danger">*</span></label>
                                            <input type="text" name="commande_id" class="form-control" id="commande_id" value="{{ $commande->id }}">
                                        </div>
                                    </div>

                                    <!-- Id client -->
                                    <div class="col-md-12" style="display: none">
                                        <div class="form-group">
                                            <label for="client_id">Id client <span class="text-danger">*</span></label>
                                            <input type="text" name="client_id" class="form-control" id="client_id" value="{{ $commande->client_id }}">
                                        </div>
                                    </div>

                                    <!-- Référence -->
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="reference">Référence <span class="text-danger">*</span></label>
                                            <input type="text" name="reference" class="form-control" id="reference" value="{{ $ref }}" readonly>
                                        </div>
                                    </div>

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

                                    <!-- Mode de paiement -->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="mode_paiement">Mode de paiement <span class="text-danger">*</span></label>
                                            <select name="mode_paiement" id="mode_paiement" class="form-control @error('mode_paiement') is-invalid @enderror">
                                                <option value="">Sélectionner le mode de paiement</option>
                                                <option value="Espèces" {{ old('mode_paiement') == 'Espèces' ? 'selected' : '' }}>Espèces</option>
                                                <option value="Orange money" {{ old('mode_paiement') == 'Orange money' ? 'selected' : '' }}>Orange money</option>
                                                <option value="Wave" {{ old('mode_paiement') == 'Wave' ? 'selected' : '' }}>Wave</option>
                                            </select>
                                            @error('mode_paiement')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <!-- Montant -->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="montant">Montant <span class="text-danger">*</span></label>
                                            <input type="number" name="montant" class="form-control @error('montant') is-invalid @enderror" id="montant" value="{{ $commande->reliquat }}" readonly>
                                            @error('montant')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <!-- Paiement -->
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="paiement">Paiement <span class="text-danger">*</span></label>
                                            <input type="number" name="paiement" class="form-control @error('paiement') is-invalid @enderror" id="paiement" value="{{ old('paiement') }}">
                                            @error('paiement')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <!-- Bénéficiaire -->
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="beneficiary">Bénéficiaire <span class="text-danger">*</span></label>
                                            <input type="text" name="beneficiary" class="form-control @error('beneficiary') is-invalid @enderror" id="beneficiary" value="{{ old('beneficiary') }}">
                                            @error('beneficiary')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="text-right">
                                    <button class="btn btn-sm btn-primary" type="submit">Enregistrer</button>
                                    <a href="{{ route('paiement.index', ['id' => $commande->id]) }}" class="btn btn-sm btn-danger">Quitter</a>
                                </div>
                            </form>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        
    </section>
@endsection