@extends('layouts.app')

@section('title', 'Purchase Bill #' . $purchase->purchase_number)
@section('page_title', 'Purchase Bill Overview')

@section('content')
<div class="container-fluid p-0" style="max-width: 1000px;">

    <div class="d-flex justify-content-between align-items-center mb-4 no-print">
        <div>
            <a href="{{ route('purchases.index') }}" class="btn btn-outline-secondary btn-sm">
                <i class="bi bi-arrow-left me-1"></i> Back to Purchases
            </a>
        </div>
        <div class="d-flex gap-2">
            @if($purchase->status !== 'cancelled' && $purchase->balance_due > 0)
                <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#paymentModal">
                    <i class="bi bi-cash-stack me-1"></i> Record Payment to Supplier
                </button>
            @endif

            @if($purchase->status !== 'cancelled')
                <form action="{{ route('purchases.cancel', $purchase) }}" method="POST" onsubmit="return confirm('Are you sure you want to cancel this purchase? The stock added from this bill will be deducted from inventory.');">
                    @csrf
                    <button type="submit" class="btn btn-outline-danger btn-sm">
                        <i class="bi bi-x-circle me-1"></i> Cancel Bill & Revert Stock
                    </button>
                </form>
            @endif
        </div>
    </div>

    <!-- Purchase Bill Card -->
    <div class="card border-0 shadow-sm p-4 p-md-5 bg-white">
        <div class="d-flex justify-content-between align-items-start border-bottom pb-4 mb-4">
            <div>
                <span class="badge bg-success fs-6 px-3 py-2 text-uppercase mb-2">INWARD PURCHASE BILL</span>
                <h3 class="fw-bold text-dark mb-1">{{ $purchase->purchase_number }}</h3>
                <div class="text-muted small">Supplier Bill #: <strong>{{ $purchase->supplier_bill_no ?: 'N/A' }}</strong></div>
                <div class="text-muted small">Bill Date: <strong>{{ $purchase->purchase_date->format('d/m/Y') }}</strong></div>
            </div>
            <div class="text-end">
                <div class="mt-2">
                    @if($purchase->status == 'cancelled')
                        <span class="badge bg-danger">CANCELLED (Stock Reverted)</span>
                    @else
                        <span class="badge {{ $purchase->payment_badge_class }}">
                            {{ ucfirst(str_replace('_', ' ', $purchase->payment_status)) }}
                        </span>
                    @endif
                </div>
                <div class="small mt-2">
                    <strong>Tax Regime:</strong>
                    @if($purchase->is_inter_state)
                        <span class="badge bg-primary">Inter-State (IGST)</span>
                    @else
                        <span class="badge bg-success">Intra-State (CGST + SGST)</span>
                    @endif
                </div>
            </div>
        </div>

        <!-- Supplier & Place of Supply Details -->
        <div class="row g-4 mb-4">
            <div class="col-md-6">
                <div class="p-3 bg-light rounded border h-100">
                    <span class="text-uppercase fw-bold text-muted small d-block mb-1">Supplier Details:</span>
                    <h6 class="fw-bold mb-1">{{ $purchase->party_name }}</h6>
                    @if($purchase->party && $purchase->party->billing_address)
                        <div class="small text-muted mb-2">{{ $purchase->party->billing_address }}</div>
                    @endif
                    <div class="small">
                        <strong>GSTIN:</strong>
                        <span class="font-monospace fw-bold">{{ $purchase->party_gstin ?: 'Unregistered' }}</span>
                    </div>
                    <div class="small text-muted">
                        <strong>State:</strong> {{ $purchase->place_of_supply_state }} [{{ $purchase->place_of_supply_code }}]
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="p-3 bg-light rounded border h-100">
                    <span class="text-uppercase fw-bold text-muted small d-block mb-1">Billed To (Our Company):</span>
                    <h6 class="fw-bold mb-1">{{ $company->company_name }}</h6>
                    <div class="small text-muted mb-2">{{ $company->address }}, {{ $company->city }}</div>
                    <div class="small">
                        <strong>Our GSTIN:</strong>
                        <span class="font-monospace fw-bold">{{ $company->gstin }}</span>
                    </div>
                    <div class="small text-muted">
                        <strong>State:</strong> {{ $company->state }} [{{ $company->state_code }}]
                    </div>
                </div>
            </div>
        </div>

        <!-- Inward Items Table -->
        <div class="table-responsive mb-4">
            <table class="table table-bordered align-middle mb-0">
                <thead class="table-light text-center">
                    <tr>
                        <th style="width: 5%;">#</th>
                        <th style="width: 35%;" class="text-start">Description of Goods</th>
                        <th style="width: 10%;">HSN Code</th>
                        <th style="width: 8%;">Qty</th>
                        <th style="width: 12%;" class="text-end">Cost Price (₹)</th>
                        <th style="width: 12%;" class="text-end">Taxable Value (₹)</th>
                        @if($purchase->is_inter_state)
                            <th style="width: 8%;">Input IGST</th>
                        @else
                            <th style="width: 8%;">Input CGST</th>
                            <th style="width: 8%;">Input SGST</th>
                        @endif
                        <th style="width: 12%;" class="text-end">Total (₹)</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($purchase->items as $idx => $item)
                        <tr>
                            <td class="text-center text-muted">{{ $idx + 1 }}</td>
                            <td>
                                <div class="fw-bold text-dark">{{ $item->product_name }}</div>
                            </td>
                            <td class="text-center font-monospace">{{ $item->hsn_code }}</td>
                            <td class="text-center">{{ number_format($item->quantity, 0) }} {{ $item->unit_code }}</td>
                            <td class="text-end">₹{{ number_format($item->unit_price, 2) }}</td>
                            <td class="text-end fw-semibold">₹{{ number_format($item->taxable_value, 2) }}</td>
                            @if($purchase->is_inter_state)
                                <td class="text-center">
                                    <span class="small">{{ $item->igst_rate }}%</span>
                                    <div class="text-success small">₹{{ number_format($item->igst_amount, 2) }}</div>
                                </td>
                            @else
                                <td class="text-center">
                                    <span class="small">{{ $item->cgst_rate }}%</span>
                                    <div class="text-success small">₹{{ number_format($item->cgst_amount, 2) }}</div>
                                </td>
                                <td class="text-center">
                                    <span class="small">{{ $item->sgst_rate }}%</span>
                                    <div class="text-success small">₹{{ number_format($item->sgst_amount, 2) }}</div>
                                </td>
                            @endif
                            <td class="text-end fw-bold">₹{{ number_format($item->total_amount, 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <!-- Totals Breakdown -->
        <div class="row g-4 mb-3">
            <div class="col-md-7">
                <div class="p-3 bg-light rounded border">
                    <span class="text-uppercase fw-bold text-muted small d-block mb-1">Total Bill Value in Words:</span>
                    <div class="fw-bold text-dark">{{ $amountInWords }}</div>
                </div>
                @if($purchase->notes)
                    <div class="small text-muted mt-3">
                        <strong>Purchase Notes:</strong> {{ $purchase->notes }}
                    </div>
                @endif
            </div>

            <div class="col-md-5">
                <div class="border rounded p-3">
                    <table class="table table-sm table-borderless mb-0">
                        <tr>
                            <td class="text-muted">Total Taxable Value:</td>
                            <td class="text-end fw-semibold">₹{{ number_format($purchase->taxable_amount, 2) }}</td>
                        </tr>
                        @if($purchase->is_inter_state)
                            <tr>
                                <td class="text-primary">Input IGST (ITC):</td>
                                <td class="text-end text-primary fw-semibold">₹{{ number_format($purchase->igst_amount, 2) }}</td>
                            </tr>
                        @else
                            <tr>
                                <td class="text-success">Input CGST (ITC):</td>
                                <td class="text-end text-success fw-semibold">₹{{ number_format($purchase->cgst_amount, 2) }}</td>
                            </tr>
                            <tr>
                                <td class="text-success">Input SGST (ITC):</td>
                                <td class="text-end text-success fw-semibold">₹{{ number_format($purchase->sgst_amount, 2) }}</td>
                            </tr>
                        @endif
                        <tr>
                            <td class="text-muted">Total Input Tax Credit:</td>
                            <td class="text-end fw-semibold text-success">₹{{ number_format($purchase->total_tax_amount, 2) }}</td>
                        </tr>
                        <tr class="border-top border-2">
                            <td class="fw-bold fs-5 text-dark pt-2">Grand Total:</td>
                            <td class="text-end fw-bold fs-5 text-success pt-2">₹{{ number_format($purchase->grand_total, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="text-success fw-semibold">Amount Paid:</td>
                            <td class="text-end text-success fw-semibold">₹{{ number_format($purchase->paid_amount, 2) }}</td>
                        </tr>
                        <tr class="border-top">
                            <td class="text-danger fw-bold">Payable Balance:</td>
                            <td class="text-end text-danger fw-bold fs-6">₹{{ number_format($purchase->balance_due, 2) }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Supplier Payment Modal -->
@if($purchase->status !== 'cancelled' && $purchase->balance_due > 0)
<div class="modal fade" id="paymentModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('payments.store') }}" method="POST">
                @csrf
                <input type="hidden" name="party_id" value="{{ $purchase->party_id }}">
                <input type="hidden" name="purchase_id" value="{{ $purchase->id }}">
                <input type="hidden" name="type" value="payment">

                <div class="modal-header">
                    <h5 class="modal-title fw-bold">Record Payment for Bill #{{ $purchase->purchase_number }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Payment Date <span class="text-danger">*</span></label>
                        <input type="date" name="payment_date" class="form-control" value="{{ date('Y-m-d') }}" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Amount Paid (₹) <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <span class="input-group-text">₹</span>
                            <input type="number" step="0.01" max="{{ $purchase->balance_due }}" name="amount" class="form-control" value="{{ $purchase->balance_due }}" required>
                        </div>
                        <small class="text-muted">Balance Due: ₹{{ number_format($purchase->balance_due, 2) }}</small>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Payment Mode <span class="text-danger">*</span></label>
                        <select name="payment_mode" class="form-select" required>
                            <option value="bank_transfer">Bank Transfer (NEFT/RTGS/IMPS)</option>
                            <option value="upi">UPI / Online</option>
                            <option value="cheque">Cheque</option>
                            <option value="cash">Cash</option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Reference / UTR / Cheque Number</label>
                        <input type="text" name="reference_number" class="form-control" placeholder="e.g. UTR9876543210">
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Notes</label>
                        <textarea name="notes" rows="2" class="form-control" placeholder="Optional notes..."></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success fw-semibold">Save Payment</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif

@endsection