@extends('layouts.app')

@section('title', 'View Invoice')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="fw-bold">Invoice {{ $invoice->invoice_no }}</h2>
    <div>
        <a href="{{ route('invoices.print', $invoice->id) }}" target="_blank" class="btn btn-primary"><i class="fas fa-print"></i> Print</a>
        <a href="{{ route('invoices.pdf', $invoice->id) }}" class="btn btn-secondary"><i class="fas fa-file-pdf"></i> Download PDF</a>
        <a href="{{ route('invoices.index') }}" class="btn btn-dark">Back</a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <div class="row mb-4">
            <div class="col-sm-6">
                <h6 class="mb-3">To:</h6>
                <div>
                    <strong>{{ $invoice->customer->customer_name }}</strong>
                </div>
                <div>{{ $invoice->customer->address1 }}</div>
                @if($invoice->customer->address2)
                    <div>{{ $invoice->customer->address2 }}</div>
                @endif
                <div>{{ $invoice->customer->city }}, {{ $invoice->customer->state }} {{ $invoice->customer->pincode }}</div>
                <div>Mobile: {{ $invoice->customer->mobile }}</div>
                @if($invoice->customer->gst_number)
                    <div>GST: {{ $invoice->customer->gst_number }}</div>
                @endif
            </div>
            <div class="col-sm-6 text-sm-end">
                <h6 class="mb-3">Details:</h6>
                <div>Invoice No: <strong>{{ $invoice->invoice_no }}</strong></div>
                <div>Date: {{ $invoice->invoice_date->format('d M Y') }}</div>
            </div>
        </div>

        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th class="center">#</th>
                        <th>Product Name</th>
                        <th class="right">Qty</th>
                        <th class="right">Rate</th>
                        <th class="right">Amount</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($invoice->items as $index => $item)
                        <tr>
                            <td class="center">{{ $index + 1 }}</td>
                            <td class="left">{{ $item->product_name }}</td>
                            <td class="right">{{ number_format($item->qty, 2) }}</td>
                            <td class="right">₹{{ number_format($item->rate, 2) }}</td>
                            <td class="right">₹{{ number_format($item->amount, 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="row">
            <div class="col-lg-4 col-sm-5 ms-auto">
                <table class="table table-clear">
                    <tbody>
                        <tr>
                            <td class="left"><strong>Subtotal</strong></td>
                            <td class="right">₹{{ number_format($invoice->subtotal, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="left"><strong>Discount</strong></td>
                            <td class="right">₹{{ number_format($invoice->discount, 2) }}</td>
                        </tr>
                        <tr>
                            <td class="left"><strong>Grand Total</strong></td>
                            <td class="right"><strong>₹{{ number_format($invoice->grand_total, 2) }}</strong></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection