@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">
        {{ trans('global.edit') }} {{ trans('cruds.invoice.title_singular') }}
    </div>

    <div class="card-body">
        <form method="POST" action="{{ route("admin.invoices.update", [$invoice->id]) }}" enctype="multipart/form-data">
            @method('PUT')
            @csrf
            <div class="form-group">
                <label class="required" for="user_id">{{ trans('cruds.invoice.fields.user') }}</label>
                <select class="form-control select2 {{ $errors->has('user') ? 'is-invalid' : '' }}" 
                        name="user_id" 
                        id="user_id" 
                        required>
                    @foreach($users as $id => $entry)
                        <option value="{{ $id }}" {{ (old('user_id') ? old('user_id') : $invoice->user_id) == $id ? 'selected' : '' }}>
                            {{ $entry }}
                        </option>
                    @endforeach
                </select>
                @if($errors->has('user'))
                    <div class="invalid-feedback">{{ $errors->first('user') }}</div>
                @endif
            </div>
            <div class="form-group">
                <label class="required" for="billing_for">{{ trans('cruds.invoice.fields.billing_for') }}</label>
                <input class="form-control {{ $errors->has('billing_for') ? 'is-invalid' : '' }}" 
                       type="text" 
                       name="billing_for" 
                       id="billing_for" 
                       value="{{ old('billing_for', $invoice->billing_for) }}" 
                       required>
                @if($errors->has('billing_for'))
                    <div class="invalid-feedback">
                        {{ $errors->first('billing_for') }}
                    </div>
                @endif
            </div>
            <div class="form-group">
                <label class="required" for="amount">{{ trans('cruds.invoice.fields.amount') }}</label>
                <input class="form-control {{ $errors->has('amount') ? 'is-invalid' : '' }}" 
                       type="number" 
                       name="amount" 
                       id="amount" 
                       value="{{ old('amount', $invoice->amount) }}" 
                       step="0.01" 
                       required>
                @if($errors->has('amount'))
                    <div class="invalid-feedback">
                        {{ $errors->first('amount') }}
                    </div>
                @endif
            </div>
            <div class="form-group">
                <label class="required" for="due">{{ trans('cruds.invoice.fields.due') }}</label>
                <input class="form-control datetime {{ $errors->has('due') ? 'is-invalid' : '' }}" 
                       type="text" 
                       name="due" 
                       id="due" 
                       value="{{ old('due', $invoice->due) }}" 
                       required>
                @if($errors->has('due'))
                    <div class="invalid-feedback">
                        {{ $errors->first('due') }}
                    </div>
                @endif
            </div>
<div class="form-group">
                <label for="unit_id">Unit</label>
                <select 
                    class="form-control select2 {{ $errors->has('unit_id') ? 'is-invalid' : '' }}" 
                    name="unit_id" 
                    id="unit_id" 
                    required>
                    <option value="">{{ trans('global.pleaseSelect') }}</option>
                    @foreach($units as $id => $unitName)
                        <option value="{{ $id }}" {{ (old('unit_id') ? old('unit_id') : $invoice->unit_id) == $id ? 'selected' : '' }}>
                            {{ $unitName }}
                        </option>
                    @endforeach
                </select>
                @if($errors->has('unit_id'))
                    <div class="invalid-feedback">
                        {{ $errors->first('unit_id') }}
                    </div>
                @endif
            </div>
            <div class="form-group">
                <button class="btn btn-danger" type="submit">
                    {{ trans('global.save') }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection

@section('scripts')
<script>
$(document).ready(function () {
    const userSelect = $('#user_id');
    const unitSelect = $('#unit_id');

    function fetchUnits(userId) {
        unitSelect.html('<option value="">{{ trans("global.pleaseSelect") }}</option>');

        if (!userId) {
            return;
        }

        $.ajax({
            url: `/admin/units-by-user/${userId}`,
            method: 'GET',
            success: function (data) {
                data.forEach(unit => {
                    unitSelect.append(
                        `<option value="${unit.id}" ${unit.id == '{{ $invoice->unit_id }}' ? 'selected' : ''}>${unit.name}</option>`
                    );
                });
            },
            error: function () {
                alert('Failed to fetch units. Please try again.');
            }
        });
    }

    // Fetch units on page load for the selected user
    fetchUnits(userSelect.val());

    // Fetch units when the user selection changes
    userSelect.on('change', function () {
        fetchUnits($(this).val());
    });
});
</script>
@endsection