@extends('layouts.app')

@section('content')
<div class="container">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0">Nouvelle traite</h5>
            <a href="{{ route('drafts.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Retour
            </a>
        </div>
        <div class="card-body">
            <form action="{{ route('drafts.store') }}" method="POST" enctype="multipart/form-data" id="draftForm">
                @csrf
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="drawer_name" class="form-label">Nom du tiré</label>
                            <select name="drawer_name" id="drawer_name" class="form-select @error('drawer_name') is-invalid @enderror" required>
                                <option value="">Sélectionner une société</option>
                                @foreach($companies as $company)
                                    <option value="{{ $company->name }}" 
                                            data-address="{{ $company->address }}"
                                            data-rib="{{ $company->rib }}"
                                            data-bank="{{ $company->bank }}">
                                        {{ $company->name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('drawer_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="drawer_address" class="form-label">Adresse</label>
                            <input type="text" class="form-control @error('drawer_address') is-invalid @enderror" id="drawer_address" name="drawer_address" value="{{ old('drawer_address') }}" required readonly>
                            @error('drawer_address')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="rib" class="form-label">RIB</label>
                            <input type="text" class="form-control @error('rib') is-invalid @enderror" id="rib" name="rib" value="{{ old('rib') }}" required readonly>
                            @error('rib')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="bank" class="form-label">Banque</label>
                            <input type="text" class="form-control @error('bank') is-invalid @enderror" id="bank" name="bank" value="{{ old('bank') }}" required readonly>
                            @error('bank')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="beneficiary" class="form-label">Payer à l'ordre de</label>
                            <select id="beneficiary" class="form-select @error('beneficiary') is-invalid @enderror" name="beneficiary" required>
                                <option value="">Sélectionnez un fournisseur</option>
                                @foreach($suppliers as $supplier)
                                    <option value="{{ $supplier->name }}">{{ $supplier->name }}</option>
                                @endforeach
                            </select>
                            @error('beneficiary')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="place" class="form-label">Lieu</label>
                            <input type="text" class="form-control @error('place') is-invalid @enderror" 
                                id="place" name="place" value="{{ old('place') }}" required>
                            @error('place')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="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', date('Y-m-d')) }}" required>
                                    @error('date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="due_date" class="form-label">É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') }}" required>
                                    @error('due_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

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

                        <div class="mb-3">
                            <label for="amount_text" class="form-label">Montant en lettres</label>
                            <input type="text" class="form-control @error('amount_text') is-invalid @enderror" 
                                id="amount_text" name="amount_text" value="{{ old('amount_text') }}" required readonly>
                            @error('amount_text')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="invoice_reference" class="form-label">Facture/Devis (optionnel)</label>
                            <input type="text" class="form-control @error('invoice_reference') is-invalid @enderror" 
                                id="invoice_reference" name="invoice_reference" value="{{ old('invoice_reference') }}">
                            @error('invoice_reference')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <label for="file" class="form-label">Fichier (optionnel)</label>
                            <input type="file" class="form-control @error('file') is-invalid @enderror" 
                                id="file" name="file">
                            @error('file')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="mb-3">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="is_paid" name="is_paid" value="1" {{ old('is_paid') ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_paid">Traite payée</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-end gap-2">
                    <button type="submit" class="btn btn-primary" name="action" value="save">
                        <i class="fas fa-save"></i> Enregistrer
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    const drawerSelect = document.getElementById('drawer_name');
    const addressInput = document.getElementById('drawer_address');
    const ribInput = document.getElementById('rib');
    const bankInput = document.getElementById('bank');

    drawerSelect.addEventListener('change', function() {
        const selectedOption = this.options[this.selectedIndex];
        addressInput.value = selectedOption.dataset.address || '';
        ribInput.value = selectedOption.dataset.rib || '';
        bankInput.value = selectedOption.dataset.bank || '';
    });
});

document.getElementById('amount').addEventListener('input', function() {
    const amount = parseFloat(this.value);
    if (!isNaN(amount)) {
        const dinars = Math.floor(amount);
        const millimes = Math.round((amount - dinars) * 1000);
        
        let text = numberToWords(dinars) + ' dinar' + (dinars > 1 ? 's' : '');
        if (millimes > 0) {
            text += ' et ' + numberToWords(millimes) + ' millime' + (millimes > 1 ? 's' : '');
        }
        
        document.getElementById('amount_text').value = text;
    }
});

 function numberToWords(n) {
    const units = ['', 'un', 'deux', 'trois', 'quatre', 'cinq', 'six', 'sept', 'huit', 'neuf'];
    const teens = ['dix', 'onze', 'douze', 'treize', 'quatorze', 'quinze', 'seize'];
    const tens = ['', '', 'vingt', 'trente', 'quarante', 'cinquante', 'soixante'];

    if (n === 0) return 'zéro';

    let words = '';

    function underHundred(number) {
        if (number < 10) return units[number];
        if (number < 17) return teens[number - 10];
        if (number < 20) return 'dix-' + units[number - 10];
        if (number < 70) {
            let ten = Math.floor(number / 10);
            let unit = number % 10;
            return tens[ten] + (unit === 1 ? '-et-un' : unit > 0 ? '-' + units[unit] : '');
        }
        if (number < 80) {
            return 'soixante-' + underHundred(number - 60);
        }
        if (number < 100) {
            return 'quatre-vingt' + (number === 80 ? 's' : '-' + underHundred(number - 80));
        }
        return '';
    }

    function underThousand(number) {
        if (number < 100) return underHundred(number);
        let hundred = Math.floor(number / 100);
        let rest = number % 100;
        let str = '';
        if (hundred === 1) {
            str = 'cent';
        } else {
            str = units[hundred] + ' cent';
        }

        // Ajouter "s" à "cent" seulement s'il n'est pas suivi
        if (rest === 0 && hundred > 1) str += 's';

        if (rest > 0) str += ' ' + underHundred(rest);
        return str;
    }

    if (n >= 1000) {
        let thousand = Math.floor(n / 1000);
        let rest = n % 1000;

        if (thousand === 1) {
            words += 'mille';
        } else {
            words += underThousand(thousand) + ' mille';
        }

        if (rest > 0) {
            words += ' ' + underThousand(rest);
        }
    } else {
        words = underThousand(n);
    }

    return words.trim();
}
</script>
@endpush
@endsection