@extends('layouts.app')
@section('title', $formTitle ?? 'Invoice Form')

@section('content')
<div class="content-wrapper">
    <div class="row">
        <div class="col-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-4">
                        <h4 class="card-title">{{ $formTitle }}</h4>
                        <a href="{{ route('invoice.index') }}" class="btn btn-secondary">
                            <i class="mdi mdi-arrow-left"></i> Back to Invoices
                        </a>
                    </div>

                    @include('layouts.partials.flash')

                    <form method="POST" action="{{ $formAction }}">
                        @csrf
                        @if($formMethod == 'PUT')
                            @method('PUT')
                        @endif

                        <div class="row">
                            <div class="col-md-6">
                                @if(!$invoice->id)
                                    <div class="form-group">
                                        <label for="shipment_id">Shipment</label>
                                        @if($shipment)
                                            <input type="hidden" name="shipment_id" value="{{ $shipment->id }}">
                                            <div class="card bg-light shipment-info-card">
                                                <div class="card-body">
                                                    <h6><strong>{{ $shipment->tracking_number ?? $shipment->resi_number ?? 'N/A' }}</strong></h6>
                                                    <p class="mb-1"><strong>{{ __('shipment_page.customer') }}:</strong> {{ $shipment->customer->name ?? $shipment->customer->full_name ?? 'N/A' }}</p>
                                                    <p class="mb-1"><strong>{{ __('common.rate_plan') }}</strong> {{ $shipment->ratePlan->name ?? 'N/A' }}</p>
                                                    <small class="text-muted">
                                                        {{ __('common.total_charge') }} Rp. {{ number_format($shipment->total_charge ?? 0, 0, ',', '.') }}
                                                    </small>
                                                </div>
                                            </div>
                                        @else
                                            <select name="shipment_id" id="shipment_id" class="form-control @error('shipment_id') is-invalid @enderror" required>
                                                <option value="">Select Shipment</option>
                                                @foreach($shipments as $shipmentItem)
                                                    <option value="{{ $shipmentItem->id }}" {{ old('shipment_id') == $shipmentItem->id ? 'selected' : '' }}>
                                                        {{ $shipmentItem->tracking_number ?? $shipmentItem->resi_number ?? 'N/A' }} -
                                                        {{ $shipmentItem->customer->name ?? $shipmentItem->customer->full_name ?? 'N/A' }} -
                                                        {{ $shipmentItem->ratePlan->name ?? 'N/A' }} -
                                                        Rp. {{ number_format($shipmentItem->total_charge ?? 0, 0, ',', '.') }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('shipment_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        @endif
                                    </div>
                                @else
                                    <div class="form-group">
                                        <label>{{ __('invoice_page.invoice_number') }}</label>
                                        <input type="text" class="form-control" value="{{ $invoice->invoice_number }}" disabled>
                                    </div>
                                    <div class="form-group">
                                        <label>Shipment</label>
                                        <input type="text" class="form-control" value="{{ $invoice->shipment->tracking_number ?? $invoice->shipment->resi_number }}" disabled>
                                    </div>
                                    <div class="form-group">
                                        <label>Customer</label>
                                        <input type="text" class="form-control" value="{{ $invoice->customer->name ?? $invoice->customer->full_name }}" disabled>
                                    </div>
                                @endif

                                <div class="form-group">
                                    <label for="invoice_date">{{ __('invoice_page.invoice_date') }}</label>
                                    <input type="date" name="invoice_date" id="invoice_date" class="form-control @error('invoice_date') is-invalid @enderror" value="{{ old('invoice_date', $invoice->invoice_date ? $invoice->invoice_date->format('Y-m-d') : date('Y-m-d')) }}" required>
                                    @error('invoice_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="due_date">{{ __('invoice_page.due_date') }}</label>
                                    <input type="date" name="due_date" id="due_date" class="form-control @error('due_date') is-invalid @enderror" value="{{ old('due_date', $invoice->due_date ? $invoice->due_date->format('Y-m-d') : date('Y-m-d', strtotime('+30 days'))) }}" required>
                                    @error('due_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-6">
                                @if($invoice->id)
                                    <div class="form-group">
                                        <label>{{ __('invoice_page.total_amount') }}</label>
                                        <input type="text" class="form-control" value="Rp. {{ number_format($invoice->total_amount, 0, ',', '.') }}" disabled>
                                    </div>

                                    <div class="form-group">
                                        <label>Status</label>
                                        <div>
                                            @if($invoice->status === 'paid')
                                                <span class="badge badge-success">Paid</span>
                                            @elseif($invoice->status === 'overdue')
                                                <span class="badge badge-danger">Overdue</span>
                                            @else
                                                <span class="badge badge-warning">Unpaid</span>
                                            @endif
                                        </div>
                                    </div>

                                    @if($invoice->payments && $invoice->payments->count() > 0)
                                        <div class="form-group">
                                            <label>Payment History <small>(This invoice supports installment payments)</small></label>
                                            <div class="table-responsive">
                                                <table class="table table-sm table-striped payment-history-table">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th>Date</th>
                                                            <th>{{ __('dashboard_page.amount') }}</th>
                                                            <th>{{ __('invoice_page.method') }}</th>
                                                            <th>{{ __('invoice_page.reference') }}</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @php $totalPaid = 0; @endphp
                                                        @foreach($invoice->payments as $payment)
                                                            <tr>
                                                                <td>{{ $payment->payment_date->format('d-m-Y') }}</td>
                                                                <td>Rp. {{ number_format($payment->amount, 0, ',', '.') }}</td>
                                                                <td>{{ $payment->method }}</td>
                                                                <td>{{ $payment->reference_number ?? '-' }}</td>
                                                            </tr>
                                                            @php $totalPaid += $payment->amount; @endphp
                                                        @endforeach
                                                    </tbody>
                                                    <tfoot class="bg-light">
                                                        <tr>
                                                            <th colspan="3">{{ __('common.total_paid') }}</th>
                                                            <th>Rp. {{ number_format($totalPaid, 0, ',', '.') }}</th>
                                                        </tr>
                                                        <tr>
                                                            <th colspan="3">{{ __('common.remaining_balance') }}</th>
                                                            <th class="text-danger">Rp. {{ number_format($invoice->total_amount - $totalPaid, 0, ',', '.') }}</th>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                        </div>
                                    @else
                                        @if($invoice->id)
                                            <div class="alert alert-info">
                                                <i class="mdi mdi-information"></i>
                                                <strong>Note:</strong> This invoice supports installment payments. You can record multiple payments until the full amount is paid.
                                            </div>
                                        @endif
                                    @endif
                                @elseif($shipment)
                                    <div class="form-group">
                                        <label>{{ __('invoice_page.total_amount') }}</label>
                                        <input type="text" class="form-control" value="Rp. {{ number_format($shipment->total_charge, 0, ',', '.') }}" disabled>
                                    </div>

                                    <div class="form-group">
                                        <label>Shipment Details</label>
                                        <div class="form-control bg-light">
                                            <small>
                                                <strong>{{ __('shipment_page.customer') }}:</strong> {{ $shipment->customer->name ?? $shipment->customer->full_name }}<br>
                                                <strong>{{ __('common.rate_plan') }}</strong> {{ $shipment->ratePlan->name ?? 'N/A' }}<br>
                                                <strong>{{ __('common.date_received') }}</strong> {{ $shipment->date_received ? \Carbon\Carbon::parse($shipment->date_received)->format('d-m-Y') : 'N/A' }}
                                            </small>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>

                        <!-- Claim for Lost Goods Section -->
                        <div class="row mt-4">
                            <div class="col-12">
                                <div class="card border-warning">
                                    <div class="card-header bg-warning text-dark">
                                        <h6 class="mb-0">
                                            <i class="mdi mdi-alert-circle-outline"></i>
                                            Claim for Lost Goods
                                        </h6>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="has_claim" name="has_claim"
                                                    value="1" {{ old('has_claim', $invoice->has_claim ?? false) ? 'checked' : '' }}
                                                    onchange="toggleClaimFields()">
                                                <label class="form-check-label" for="has_claim">
                                                    This invoice includes a claim for lost goods
                                                </label>
                                            </div>
                                        </div>

                                        <div id="claim-fields" style="{{ old('has_claim', $invoice->has_claim ?? false) ? '' : 'display: none;' }}">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label for="claim_description">Claim Description <span class="text-danger">*</span></label>
                                                        <textarea class="form-control @error('claim_description') is-invalid @enderror"
                                                            id="claim_description" name="claim_description" rows="3"
                                                            placeholder="Describe the lost goods and circumstances">{{ old('claim_description', $invoice->claim_description ?? '') }}</textarea>
                                                        @error('claim_description')
                                                            <div class="invalid-feedback">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label for="claim_amount">Claim Amount (IDR) <span class="text-danger">*</span></label>
                                                        <input type="number" step="0.01" class="form-control @error('claim_amount') is-invalid @enderror"
                                                            id="claim_amount" name="claim_amount"
                                                            value="{{ old('claim_amount', $invoice->claim_amount ?? '') }}"
                                                            placeholder="Enter claim amount">
                                                        @error('claim_amount')
                                                            <div class="invalid-feedback">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label for="claim_status">Claim Status</label>
                                                        <select class="form-control @error('claim_status') is-invalid @enderror"
                                                            id="claim_status" name="claim_status">
                                                            <option value="">Select Status</option>
                                                            <option value="pending" {{ old('claim_status', $invoice->claim_status ?? '') == 'pending' ? 'selected' : '' }}>Pending</option>
                                                            <option value="approved" {{ old('claim_status', $invoice->claim_status ?? '') == 'approved' ? 'selected' : '' }}>Approved</option>
                                                            <option value="rejected" {{ old('claim_status', $invoice->claim_status ?? '') == 'rejected' ? 'selected' : '' }}>Rejected</option>
                                                            <option value="paid" {{ old('claim_status', $invoice->claim_status ?? '') == 'paid' ? 'selected' : '' }}>Paid</option>
                                                        </select>
                                                        @error('claim_status')
                                                            <div class="invalid-feedback">{{ $message }}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>

                                            @if($invoice->claim_submitted_at ?? false)
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label>Claim Submitted</label>
                                                            <input type="text" class="form-control"
                                                                value="{{ $invoice->claim_submitted_at->format('d M Y, H:i') }}" readonly>
                                                        </div>
                                                    </div>
                                                    @if($invoice->claim_resolved_at)
                                                        <div class="col-md-6">
                                                            <div class="form-group">
                                                                <label>Claim Resolved</label>
                                                                <input type="text" class="form-control"
                                                                    value="{{ $invoice->claim_resolved_at->format('d M Y, H:i') }}" readonly>
                                                            </div>
                                                        </div>
                                                    @endif
                                                </div>
                                            @endif

                                            <div class="alert alert-info">
                                                <i class="mdi mdi-information"></i>
                                                <strong>Note:</strong> Claims for lost goods will be reviewed by the management team.
                                                Processing time may vary depending on the complexity of the case.
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group text-center">
                            <div class="btn-group-custom d-inline-flex">
                                <button type="submit" class="btn btn-primary">
                                    <i class="mdi mdi-content-save"></i> Save Invoice
                                </button>
                                <a href="{{ route('invoice.index') }}" class="btn btn-light">
                                    <i class="mdi mdi-arrow-left"></i> Cancel
                                </a>

                                @if($invoice->id && $invoice->status !== 'paid')
                                    <a href="{{ route('invoices.payment.create', $invoice->id) }}" class="btn btn-success">
                                        <i class="mdi mdi-cash"></i> Record Payment
                                    </a>
                                @endif
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer')
<script type="text/javascript">
$(document).ready(function() {
    $('#shipment_id').select2();
    // Auto-populate due date when invoice date changes
    $('#invoice_date').on('change', function() {
        if (this.value) {
            let invoiceDate = new Date(this.value);
            let dueDate = new Date(invoiceDate);
            dueDate.setDate(dueDate.getDate() + 30); // Add 30 days

            let dueDateString = dueDate.toISOString().split('T')[0];
            $('#due_date').val(dueDateString);
        }
    });

    // Validate due date is after invoice date
    $('#due_date').on('change', function() {
        let invoiceDate = new Date($('#invoice_date').val());
        let dueDate = new Date(this.value);

        if (dueDate < invoiceDate) {
            alert('Due date must be after invoice date');
            this.focus();
        }
    });
});


    function toggleClaimFields() {
        const hasClaimCheckbox = document.getElementById('has_claim');
        const claimFields = document.getElementById('claim-fields');
        const claimDescription = document.getElementById('claim_description');
        const claimAmount = document.getElementById('claim_amount');

        if (hasClaimCheckbox.checked) {
            claimFields.style.display = '';
            claimDescription.required = true;
            claimAmount.required = true;
        } else {
            claimFields.style.display = 'none';
            claimDescription.required = false;
            claimAmount.required = false;
            claimDescription.value = '';
            claimAmount.value = '';
            document.getElementById('claim_status').value = '';
        }
    }
</script>
@endsection

@section('styles')
<style>
.payment-history-table {
    font-size: 0.9rem;
}

.payment-history-table th {
    background-color: #f8f9fa;
    font-weight: 600;
}

.shipment-info-card {
    border: 1px solid #e3e6f0;
    border-radius: 0.35rem;
}

.badge {
    font-size: 0.8rem;
}

.form-group label {
    font-weight: 600;
    color: #5a5c69;
}

.alert-info {
    border-left: 4px solid #36b9cc;
}

.btn-group-custom {
    gap: 10px;
}

.btn-group-custom .btn {
    min-width: 120px;
}
</style>
@endsection