@extends('layouts.app')
@section('title',($document->exists?'Edit':'Create').' '.ucfirst($type).' | BASCORE')
@section('content')
@php
    $isQuote = $type === 'quotation';
    $route = $document->exists ? route($isQuote ? 'quotations.update' : 'invoices.update',$document) : route($isQuote ? 'quotations.store' : 'invoices.store');
    $lines = old('items', $document->exists ? $document->items->toArray() : [['description'=>'','quantity'=>1,'unit_price'=>0,'discount'=>0,'by_others'=>false,'vat_rate'=>$setting->default_vat_percentage]]);
@endphp
<div class="toolbar"><div><h1 class="page-title">{{ $document->exists ? 'Edit' : 'Create' }} {{ $isQuote ? 'Quotation' : 'Tax Invoice' }}</h1><div class="page-subtitle">Build a clean client-ready document with automatic VAT totals.</div></div></div>
<form method="post" action="{{ $route }}">
    @csrf @if($document->exists) @method('put') @endif
    <div class="document-grid">
        <div class="grid">
            <div class="card card-pad">
                <div class="grid grid-3">
                    <div><label class="label">Customer <span class="required">*</span></label><select class="form-select" name="customer_id" required><option value="">Select customer</option>@foreach($customers as $customer)<option value="{{ $customer->id }}" @selected(old('customer_id',$document->customer_id)==$customer->id)>{{ $customer->customer_name }} @if($customer->company_name) - {{ $customer->company_name }} @endif</option>@endforeach</select></div>
                    <div><label class="label">Issue date <span class="required">*</span></label><input class="form-control" type="date" name="issue_date" value="{{ old('issue_date',optional($document->issue_date)->format('Y-m-d') ?: now()->format('Y-m-d')) }}" required></div>
                    <div><label class="label">{{ $isQuote ? 'Valid until' : 'Due date' }} <span class="required">*</span></label><input class="form-control" type="date" name="{{ $isQuote ? 'valid_until' : 'due_date' }}" value="{{ old($isQuote ? 'valid_until' : 'due_date',optional($isQuote ? $document->valid_until : $document->due_date)->format('Y-m-d') ?: now()->addDays($isQuote?30:14)->format('Y-m-d')) }}" required></div>
                    <div><label class="label">Reference / LPO</label><input class="form-control" name="reference_number" value="{{ old('reference_number',$document->reference_number) }}" placeholder="LPO, PO or client ref"></div>
                    <div><label class="label">Project name</label><input class="form-control" name="project_name" value="{{ old('project_name',$document->project_name) }}" placeholder="Project or site"></div>
                    <div><label class="label">Status</label><select class="form-select" name="status">@foreach($isQuote ? ['draft','sent','accepted','rejected'] : ['draft','sent','partially_paid','paid','overdue','cancelled'] as $status)<option value="{{ $status }}" @selected(old('status',$document->status ?: 'draft')===$status)>{{ str_replace('_',' ',ucfirst($status)) }}</option>@endforeach</select></div>
                </div>
            </div>
            <div class="card card-pad">
                <label class="label">Scope of Work</label>
                <textarea name="scope_of_work" rows="5" placeholder="Describe the agreed work scope, site details, deliverables, exclusions, or project notes.">{{ old('scope_of_work',$document->scope_of_work) }}</textarea>
            </div>
            <div class="card card-pad">
                <div class="toolbar"><h2>Line Items</h2><button type="button" class="btn btn-light" data-add-line>Add line</button></div>
                <script type="application/json" id="items-json">@json($items)</script>
                <div class="line-items-wrap"><table class="line-items-table" data-line-items data-default-vat="{{ $setting->default_vat_percentage }}"><thead><tr><th>Item</th><th>Description</th><th>Qty</th><th>Unit Price</th><th>Discount</th><th>By Others</th><th>VAT %</th><th>Total</th><th></th></tr></thead><tbody>
                    @foreach($lines as $i => $line)
                        <tr>
                            <td data-label="Item"><select class="form-select" name="items[{{ $i }}][item_id]" data-item-select><option value="">Custom</option>@foreach($items as $item)<option value="{{ $item->id }}" @selected(($line['item_id'] ?? null)==$item->id)>{{ $item->item_name }}</option>@endforeach</select></td>
                            <td data-label="Description"><textarea name="items[{{ $i }}][description]" rows="2" required>{{ $line['description'] ?? '' }}</textarea></td>
                            <td data-label="Qty"><input class="form-control" type="number" step="0.01" name="items[{{ $i }}][quantity]" value="{{ $line['quantity'] ?? 1 }}"></td>
                            <td data-label="Unit Price"><input class="form-control" type="number" step="0.01" name="items[{{ $i }}][unit_price]" value="{{ $line['unit_price'] ?? 0 }}"></td>
                            <td data-label="Discount"><input class="form-control" type="number" step="0.01" name="items[{{ $i }}][discount]" value="{{ $line['discount'] ?? 0 }}"></td>
                            <td data-label="By Others"><label class="inline-check"><input type="checkbox" name="items[{{ $i }}][by_others]" value="1" data-by-others @checked($line['by_others'] ?? false)> By Others</label></td>
                            <td data-label="VAT %"><input class="form-control" type="number" step="0.01" name="items[{{ $i }}][vat_rate]" value="{{ $line['vat_rate'] ?? $setting->default_vat_percentage }}"></td>
                            <td data-label="Total"><strong class="line-total" data-line-total>0.00</strong></td>
                            <td data-label="Action"><button type="button" class="btn btn-sm btn-danger" data-remove-line>Remove</button></td>
                        </tr>
                    @endforeach
                </tbody></table></div>
            </div>
            <div class="card card-pad grid grid-2"><div><label class="label">Notes</label><textarea name="notes" rows="4">{{ old('notes',$document->notes) }}</textarea></div><div><label class="label">Terms</label><textarea name="terms" rows="4">{{ old('terms',$document->terms ?: $setting->terms_conditions) }}</textarea></div></div>
        </div>
        <aside class="card card-pad totals-box">
            <h2>Totals</h2>
            <div class="total-row"><span>Subtotal</span><strong>AED <span data-subtotal>0.00</span></strong></div>
            <div class="total-row"><span>Discount</span><strong>AED <span data-discount>0.00</span></strong></div>
            <div class="total-row"><span>VAT</span><strong>AED <span data-vat>0.00</span></strong></div>
            <div class="grand-row total-row"><span>Grand Total</span><span>AED <span data-grand>0.00</span></span></div>
            <div class="actions" style="margin-top:18px"><button class="btn btn-primary" style="width:100%">Save {{ $isQuote ? 'Quotation' : 'Invoice' }}</button><a class="btn btn-light" style="width:100%" href="{{ route($isQuote ? 'quotations.index' : 'invoices.index') }}">Cancel</a></div>
        </aside>
    </div>
</form>
<template id="line-template"><tr><td data-label="Item"><select class="form-select" name="items[0][item_id]" data-item-select><option value="">Custom</option>@foreach($items as $item)<option value="{{ $item->id }}">{{ $item->item_name }}</option>@endforeach</select></td><td data-label="Description"><textarea name="items[0][description]" rows="2" required></textarea></td><td data-label="Qty"><input class="form-control" type="number" step="0.01" name="items[0][quantity]" value="1"></td><td data-label="Unit Price"><input class="form-control" type="number" step="0.01" name="items[0][unit_price]" value="0"></td><td data-label="Discount"><input class="form-control" type="number" step="0.01" name="items[0][discount]" value="0"></td><td data-label="By Others"><label class="inline-check"><input type="checkbox" name="items[0][by_others]" value="1" data-by-others> By Others</label></td><td data-label="VAT %"><input class="form-control" type="number" step="0.01" name="items[0][vat_rate]" value="{{ $setting->default_vat_percentage }}"></td><td data-label="Total"><strong class="line-total" data-line-total>0.00</strong></td><td data-label="Action"><button type="button" class="btn btn-sm btn-danger" data-remove-line>Remove</button></td></tr></template>
@endsection