@extends('layouts.app')

@section('content')
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">{{ isset($payment) ? 'Modifier le Paiement' : 'Nouveau Paiement' }}</h5>
    </div>
    <div class="card-body">
        <form action="{{ isset($payment) ? route('payments.update', $payment) : route('payments.store') }}" 
              method="POST"
              enctype="multipart/form-data">
            @csrf
            @if(isset($payment))
                @method('PUT')
            @endif

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="date" class="form-label">Date</label>
                    <input type="date" 
                           class="form-control @error('date') is-invalid @enderror" 
                           id="date" 
                           name="date" 
                           value="{{ old('date', isset($payment) ? $payment->date->format('Y-m-d') : '') }}"
                           required>
                    @error('date')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6 mb-3">
                    <label for="bank" class="form-label">Banque</label>
                    <select name="bank" id="bank" class="form-select @error('bank') is-invalid @enderror" required>
                        <option value="">Sélectionner une banque</option>
                        @foreach($banks as $bankKey => $bankName)
                            <option value="{{ $bankKey }}" {{ old('bank', $payment->bank ?? '') == $bankKey ? 'selected' : '' }}>
                                {{ $bankName }}
                            </option>
                        @endforeach
                    </select>
                    @error('bank')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="mb-3">
                <label for="label" class="form-label">Libellé</label>
                <input type="text" 
                       class="form-control @error('label') is-invalid @enderror" 
                       id="label" 
                       name="label" 
                       value="{{ old('label', isset($payment) ? $payment->label : '') }}"
                       required>
                @error('label')
                    <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="supplier_id" class="form-label">Fournisseur</label>
                    <select class="form-select @error('supplier_id') is-invalid @enderror" 
                            id="supplier_id" 
                            name="supplier_id" 
                            required>
                        <option value="">Sélectionner un fournisseur</option>
                        @foreach($suppliers as $supplier)
                            <option value="{{ $supplier->id }}" 
                                {{ old('supplier_id', isset($payment) ? $payment->supplier_id : '') == $supplier->id ? 'selected' : '' }}>
                                {{ $supplier->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('supplier_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6 mb-3">
                    <label for="due_date" class="form-label">Date d'échéance</label>
                    <input type="date" 
                           class="form-control @error('due_date') is-invalid @enderror" 
                           id="due_date" 
                           name="due_date" 
                           value="{{ old('due_date', isset($payment) ? $payment->due_date->format('Y-m-d') : '') }}"
                           required>
                    @error('due_date')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="amount" class="form-label">Montant</label>
                    <input type="number" 
                           class="form-control @error('amount') is-invalid @enderror" 
                           id="amount" 
                           name="amount" 
                           step="0.001"
                           value="{{ old('amount', isset($payment) ? $payment->amount : '') }}"
                           required>
                    @error('amount')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6 mb-3">
                    <label for="is_paid" class="form-label">Statut du paiement</label>
                    <select class="form-select @error('is_paid') is-invalid @enderror" 
                            id="is_paid" 
                            name="is_paid" 
                            required>
                        <option value="0" {{ old('is_paid', isset($payment) ? $payment->is_paid : '') == 0 ? 'selected' : '' }}>
                            Non payé
                        </option>
                        <option value="1" {{ old('is_paid', isset($payment) ? $payment->is_paid : '') == 1 ? 'selected' : '' }}>
                            Payé
                        </option>
                    </select>
                    @error('is_paid')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="company_id" class="form-label">Société</label>
                    <select class="form-select @error('company_id') is-invalid @enderror" 
                            id="company_id" 
                            name="company_id" 
                            required>
                        <option value="">Sélectionner une société</option>
                        @foreach($companies as $company)
                            <option value="{{ $company->id }}" 
                                {{ old('company_id', isset($payment) ? $payment->company_id : '') == $company->id ? 'selected' : '' }}>
                                {{ $company->name }}
                            </option>
                        @endforeach
                    </select>
                    @error('company_id')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="col-md-6 mb-3">
                    <label for="invoice_quote" class="form-label">Facture/Devis</label>
                    <input type="text" 
                           class="form-control @error('invoice_quote') is-invalid @enderror" 
                           id="invoice_quote" 
                           name="invoice_quote" 
                           value="{{ old('invoice_quote', isset($payment) ? $payment->invoice_quote : '') }}"
                           required>
                    @error('invoice_quote')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label for="file" class="form-label">Fichier</label>
                    <input type="file" 
                           class="form-control @error('file') is-invalid @enderror" 
                           id="file" 
                           name="file"
                           accept=".pdf,.jpg,.jpeg,.png">
                    @error('file')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    @if(isset($payment) && $payment->file_path)
                        <div class="mt-2">
                            <small class="text-muted">
                                Fichier actuel : {{ $payment->file_original_name }}
                            </small>
                        </div>
                    @endif
                </div>
            </div>

            <div class="d-flex justify-content-end">
                <a href="{{ route('payments.index') }}" class="btn btn-secondary me-2">Annuler</a>
                <button type="submit" class="btn btn-primary">
                    {{ isset($payment) ? 'Modifier' : 'Créer' }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Initialiser Select2 pour les listes déroulantes
        $('#supplier_id').select2({
            theme: 'bootstrap-5'
        });
        $('#company_id').select2({
            theme: 'bootstrap-5'
        });
    });
</script>
@endpush