@extends('layouts.app')

@section('title', 'Nouvelle Facture')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Tableau de bord</a></li>
    <li class="breadcrumb-item"><a href="{{ route('invoices.index') }}">Factures</a></li>
    <li class="breadcrumb-item active">Nouvelle</li>
@endsection

@section('content')
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">Générer une facture</div>
            <div class="card-body">
                <form action="{{ route('invoices.store') }}" method="POST">
                    @csrf
                    
                    <div class="mb-4">
                        <label for="sale_id" class="form-label">Sélectionner une vente validée (non facturée)</label>
                        <select name="sale_id" id="sale_id" class="form-select @error('sale_id') is-invalid @enderror" required>
                            <option value="">Choisir une vente...</option>
                            @foreach($sales as $sale)
                                <option value="{{ $sale->id }}" {{ request('sale_id') == $sale->id ? 'selected' : '' }}>
                                    {{ $sale->code }} — {{ $sale->customer->name ?? '' }} — {{ number_format($sale->total_amount, 0, ',', ' ') }} FCFA ({{ $sale->date->format('d/m/Y') }})
                                </option>
                            @endforeach
                        </select>
                        @error('sale_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        @if($sales->isEmpty())
                            <div class="form-text text-warning"><i class="bi bi-exclamation-triangle"></i> Aucune vente validée en attente de facturation.</div>
                        @endif
                    </div>

                    <div class="row g-3">
                        <div class="col-md-4">
                            <label for="invoice_number" class="form-label">Numéro Facture <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('invoice_number') is-invalid @enderror" 
                                   id="invoice_number" name="invoice_number" value="{{ old('invoice_number', 'FAC-' . date('Ymd-His')) }}" required>
                            @error('invoice_number')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4">
                            <label for="date" class="form-label">Date de facture <span class="text-danger">*</span></label>
                            <input type="date" class="form-control @error('date') is-invalid @enderror"
                                   id="date" name="date" value="{{ old('date', date('Y-m-d')) }}" required>
                            @error('date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-4">
                            <label for="due_date" class="form-label">Date d'échéance <span class="text-danger">*</span></label>
                            <input type="date" class="form-control @error('due_date') is-invalid @enderror"
                                   id="due_date" name="due_date" value="{{ old('due_date', date('Y-m-d', strtotime('+30 days'))) }}" required>
                            @error('due_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="mt-4 text-end">
                        <a href="{{ route('invoices.index') }}" class="btn btn-secondary me-2">Annuler</a>
                        <button type="submit" class="btn btn-primary" {{ $sales->isEmpty() ? 'disabled' : '' }}>Générer</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection