@extends('layouts.app')

@section('title', 'Edit Quotation #'.optional($quotation)->quotation_number)

@section('breadcrumbs')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('export.dashboard') }}">Export</a></li>
        <li class="breadcrumb-item"><a href="{{ route('export.quotations.index') }}">Quotations</a></li>
        <li class="breadcrumb-item"><a href="{{ route('export.quotations.show', $quotation) }}">{{ $quotation->quotation_number }}</a></li>
        <li class="breadcrumb-item active">Edit</li>
    </ol>
</nav>
@endsection

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-1 text-dark fw-semibold">Edit {{ $quotation->quotation_number }}</h1>
        <p class="text-muted mb-0">Update quotation details</p>
    </div>
    <a href="{{ route('export.quotations.show', $quotation) }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left me-1"></i> Back
    </a>
</div>

<form action="{{ route('export.quotations.update', $quotation) }}" method="POST" id="quotationForm">
    @csrf @method('PUT')

    @if ($errors->any())
    <div class="alert alert-danger alert-dismissible fade show">
        <ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    @endif

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-white py-3"><h5 class="mb-0 fw-semibold"><i class="bi bi-info-circle me-2 text-primary"></i>Quotation Details</h5></div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-3">
                    <label class="form-label fw-medium">Customer <span class="text-danger">*</span></label>
                    <select name="customer_id" class="form-select" required>
                        <option value="">Select Customer</option>
                        @foreach($customers as $customer)
                            <option value="{{ $customer->id }}" {{ $quotation->customer_id == $customer->id ? 'selected' : '' }}>{{ $customer->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-medium">Date</label>
                    <input type="date" name="date" class="form-control" value="{{ $quotation->date?->format('Y-m-d') ?? date('Y-m-d') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-medium">Valid Until</label>
                    <input type="date" name="valid_until" class="form-control" value="{{ optional($quotation->valid_until)->format('Y-m-d') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-medium">Currency</label>
                    <select name="currency" class="form-select">
                        @foreach(['USD', 'EUR', 'GBP', 'AED', 'SAR', 'INR'] as $c)
                            <option value="{{ $c }}" {{ $quotation->currency == $c ? 'selected' : '' }}>{{ $c }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-medium">Payment Terms</label>
                    <select name="payment_terms" class="form-select">
                        @foreach(['TT Advance', 'TT Against Documents', 'LC At Sight', 'LC Usance', 'DA 30', 'DA 60', 'DP'] as $term)
                            <option value="{{ $term }}" {{ $quotation->payment_terms == $term ? 'selected' : '' }}>{{ $term }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-medium">Incoterm</label>
                    <select name="incoterm" class="form-select">
                        @foreach(['FOB', 'CIF', 'CFR', 'EXW', 'FCA'] as $t)
                            <option value="{{ $t }}" {{ $quotation->incoterm == $t ? 'selected' : '' }}>{{ $t }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
            <h5 class="mb-0 fw-semibold"><i class="bi bi-list-ul me-2 text-primary"></i>Line Items</h5>
            <button type="button" class="btn btn-sm btn-outline-primary" id="addItemBtn"><i class="bi bi-plus-lg me-1"></i>Add Item</button>
        </div>
        <div class="card-body p-0">
            @include('export.quotations.partials._items', ['items' => $quotation->items])
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body">
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-medium">Terms & Conditions</label>
                    <textarea name="terms_conditions" class="form-control" rows="4">{{ old('terms_conditions', $quotation->terms_conditions) }}</textarea>
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-medium">Notes</label>
                    <textarea name="notes" class="form-control" rows="4">{{ old('notes', $quotation->notes) }}</textarea>
                    <div class="mt-3 text-end">
                        <table class="table table-sm w-auto ms-auto">
                            <tr><td class="text-muted">Subtotal:</td><td class="text-end fw-medium" id="subtotal">{{ number_format($quotation->subtotal, 2) }}</td></tr>
                            <tr><td class="text-muted">Tax:</td><td><input type="number" step="0.01" name="tax_rate" class="form-control form-control-sm d-inline-block" style="width:80px" value="{{ $quotation->tax_rate }}"></td><td class="text-end fw-medium" id="taxAmount">{{ number_format($quotation->tax_amount, 2) }}</td></tr>
                            <tr><td class="text-muted fw-bold">Total:</td><td class="text-end fw-bold fs-5" id="grandTotal">{{ number_format($quotation->total_amount, 2) }}</td></tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="d-flex justify-content-end gap-2 mb-5">
        <a href="{{ route('export.quotations.show', $quotation) }}" class="btn btn-outline-secondary px-4">Cancel</a>
        <button type="submit" class="btn btn-primary px-4"><i class="bi bi-check-lg me-1"></i> Update</button>
    </div>
</form>
@endsection