@extends('adminlte::page')

@section('content')
    <div class="container-fluid">
        <!-- Header -->
        <div class="row mb-3">
            <div class="col-12">
                <h1 class="h3">Editează factura nr. {{ $factura['numar_factura'] }}</h1>
            </div>
        </div>

        <!-- Card for factura details -->
        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-info text-white">
                        Detalii factură
                    </div>
                    <div class="card-body">
                        <form action="/facturi/{{ $factura['id'] }}/editeaza" method="POST" id="factura_form">
                            @csrf
                            @method('POST')

                            <!-- Factura info -->
                            <table class="table table-bordered mb-4">
                                <tr>
                                    <th>Client</th>
                                    <td>
                                        {{ $factura['tip_cumparator'] == 'client' ? $factura['client']['nume_client'] : $factura['clientCabinet']['nume_cabinet'] }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>Cabinet</th>
                                    <td>{{ $factura['cabinet']['nume_cabinet'] }}</td>
                                </tr>
                                <tr>
                                    <th>Data factură</th>
                                    <td>
                                        <input type="date" name="data_factura" class="form-control datepicker"
                                            value="{{ \Carbon\Carbon::parse($factura['data_factura'])->format('Y-m-d') }}">
                                    </td>
                                </tr>
                                <tr>
                                    <th>Serie/nr. factură</th>
                                    <td>
                                        <input type="text" name="numar_factura" class="form-control"
                                            value="{{ $factura['numar_factura'] }}">
                                    </td>
                                </tr>
                                <tr>
                                    <th>Data expediției</th>
                                    <td>
                                        <input type="date" name="data_expeditiei" class="form-control"
                                            value="{{ \Carbon\Carbon::parse($factura['created_at'])->format('Y-m-d') }}">
                                    </td>
                                </tr>
                                <tr>
                                    <th>Ora expediției</th>
                                    <td>
                                        <input type="text" name="ora_expeditiei" class="form-control"
                                            value="{{ \Carbon\Carbon::parse($factura['created_at'])->format('H:i') }}">
                                    </td>
                                </tr>
                            </table>

                            <!-- Sume section -->
                            <h3>Sume</h3>
                            <table id="sumeFacturi" class="table table-bordered table-hover">
                                <thead class="thead-light">
                                    <tr>
                                        <th>Denumire produs</th>
                                        <th>Suma</th>
                                        <th>Cantitate</th>
                                        <th>U.M.</th>
                                        <th style="width: 80px;">Șterge</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($factura['sume'] as $suma)
                                        <tr>
                                            <td>
                                                <input type="text" name="denumire[{{ $suma['id'] }}]" class="form-control"
                                                    value="{{ $suma['denumire'] }}">
                                            </td>
                                            <td>
                                                <input type="number" name="valoare[{{ $suma['id'] }}]" class="form-control"
                                                    value="{{ $suma['suma'] }}">
                                            </td>
                                            <td>
                                                <input type="number" name="cantitate[{{ $suma['id'] }}]" class="form-control"
                                                    value="{{ $suma['cantitate'] }}">
                                            </td>
                                            <td>
                                                <input type="text" name="um[{{ $suma['id'] }}]" class="form-control"
                                                    value="{{ $suma['um'] ?? 'val' }}">
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-danger btn-sm"
                                                    onclick="$(this).closest('tr').remove();">
                                                    Șterge
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>

                            <button type="button" class="btn btn-info mb-2" onclick="adaugaSuma()">Adaugă sumă</button>
                            <button type="submit" class="btn btn-success">Salvează modificările</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Scripts -->
    <script>
        $('#factura_form').submit(function (e) {
            if ($('#sumeFacturi tbody tr').length < 1) {
                alert("Completati cel puțin un produs pentru a salva factura!");
                e.preventDefault();
            }
        });

        function adaugaSuma() {
            $('#sumeFacturi tbody').append(`
            <tr>
                <td><input type="text" name="denumire[]" class="form-control"></td>
                <td><input type="number" name="valoare[]" class="form-control"></td>
                <td><input type="number" name="cantitate[]" class="form-control" value="1"></td>
                <td><input type="text" name="um[]" class="form-control" value="val"></td>
                <td>
                    <button type="button" class="btn btn-danger btn-sm" onclick="$(this).closest('tr').remove();">Șterge</button>
                </td>
            </tr>
        `);
        }
    </script>
@endsection