@extends('adminlte::page')

@section('content')
    <div class="container-fluid">

        {{-- Page Header --}}
        <div class="row mb-4">
            <div class="col-12">
                <h1 class="h3 text-dark"><i class="fas fa-receipt"></i> Adaugă Chitanță pentru factura
                    #{{ $factura->numar_factura }}</h1>
            </div>
        </div>

        {{-- Form Card --}}
        <div class="row justify-content-center">
            <div class="col-md-6">
                <div class="card card-outline card-primary shadow-sm">
                    <div class="card-header bg-primary text-white">
                        <h3 class="card-title"><i class="fas fa-file-invoice-dollar"></i> Detalii chitanță</h3>
                    </div>
                    <div class="card-body">
                        <form id="form" action="{{ url('chitante/' . $factura->id . '/store') }}" method="POST">
                            @csrf

                            {{-- Furnizor --}}
                            <div class="form-group mb-3">
                                <label class="form-label"><i class="fas fa-building"></i> Furnizor</label>
                                <p class="fw-bold">{{ $factura->cabinet->nume_cabinet }}</p>
                                <input type="hidden" name="id_cabinet" value="{{ $factura->cabinet->id }}">
                            </div>

                            {{-- Cumpărător --}}
                            <div class="form-group mb-3">
                                <label class="form-label"><i class="fas fa-user"></i> Cumpărător</label>
                                <p class="fw-bold">
                                    @if($factura->id_client != 0)
                                        @if($factura->tip_cumparator == 'client')
                                            {{ $factura->client->nume_client }}
                                        @else
                                            {{ $factura->clientCabinet->nume_cabinet }}
                                        @endif
                                    @endif
                                </p>
                                <input type="hidden"
                                    name="{{ $factura->tip_cumparator == 'client' ? 'id_client' : 'id_client_cabinet' }}"
                                    value="{{ $factura->id_client }}">
                            </div>

                            {{-- Data --}}
                            <div class="form-group mb-3">
                                <label for="data_chitanta" class="form-label"><i class="fas fa-calendar-alt"></i>
                                    Data</label>
                                <input type="date" id="datepicker" name="data_chitanta" class="form-control"
                                    value="{{ date('Y-m-d') }}">
                            </div>

                            {{-- Suma --}}
                            <div class="form-group mb-3">
                                <label for="suma" class="form-label"><i class="fas fa-coins"></i> Sumă (lei)</label>
                                <div class="input-group">
                                    <input type="number" step="0.01" name="suma" id="suma" class="form-control"
                                        placeholder="Introduceți suma">
                                    <span class="input-group-text">lei</span>
                                </div>
                            </div>

                            {{-- Reprezentând --}}
                            <div class="form-group mb-4">
                                <label for="reprezentand" class="form-label"><i class="fas fa-pen"></i> Reprezentând</label>
                                <input type="text" name="reprezentand" id="reprezentand" class="form-control"
                                    value="Onorariu avocat conform Fa. {{ $factura->numar_factura }}/{{ $factura->data_factura->format('d.m.Y') }}">
                            </div>

                            <button type="submit" class="btn btn-primary w-100"><i class="fas fa-plus"></i> Adaugă
                                Chitanță</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- JS Validation --}}
    <script>
        document.getElementById('form').addEventListener('submit', function (e) {
            const suma = document.getElementById('suma');
            if (!suma.value || parseFloat(suma.value) <= 0) {
                alert('Introduceți o valoare mai mare ca 0!');
                e.preventDefault();
                suma.classList.add('border', 'border-danger');
            } else {
                suma.classList.remove('border', 'border-danger');
            }
        });
    </script>
@endsection