@extends('layouts.app')

@section('content')
<div class="container-fluid py-3">
  <div class="d-flex flex-wrap align-items-center justify-content-between mb-3">
    <div>
      <nav aria-label="breadcrumb" class="small">
        <ol class="breadcrumb mb-1">
          <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
          <li class="breadcrumb-item"><a href="{{ route('payment-receipts.index') }}">Payment Receipts</a></li>
          <li class="breadcrumb-item active" aria-current="page">View</li>
        </ol>
      </nav>
      <h4 class="mb-0">Payment Receipt Details</h4>
      <div class="text-muted small">Receipt #{{ $paymentReceipt->id }}</div>
    </div>

    <div class="mt-2 mt-md-0 d-flex gap-2">
      <a href="{{ route('payment-receipts.edit', $paymentReceipt) }}" class="btn btn-outline-primary">
        <i class="bi bi-pencil"></i> Edit
      </a>
      <a href="{{ route('payment-receipts.index') }}" class="btn btn-outline-secondary">
        <i class="bi bi-arrow-left"></i> Back
      </a>
    </div>
  </div>

  <div class="card border-0 shadow-sm pr-card">
    <div class="table-responsive">
      <table class="table table-bordered mb-0">
        <tbody>
          <tr>
            <th style="width: 30%">Project</th>
            <td>{{ $paymentReceipt->project_name }} ({{ $paymentReceipt->project_code }})</td>
          </tr>
          <tr>
            <th>Payment Type</th>
            <td>
              <span class="badge bg-light text-dark border">{{ $paymentReceipt->payment_type }}</span>
            </td>
          </tr>
          <tr>
            <th>Receipt Date</th>
            <td>{{ $paymentReceipt->receipt_date }}</td>
          </tr>
          <tr>
            <th>Payment Mode</th>
            <td>
              <span class="badge bg-light text-dark border">{{ $paymentReceipt->payment_mode }}</span>
            </td>
          </tr>
          <tr>
            <th>UTR No.</th>
            <td>{{ $paymentReceipt->utr_no }}</td>
          </tr>
          <tr>
            <th>Invoice No.</th>
            <td>{{ $paymentReceipt->invoice_no }}</td>
          </tr>
          <tr>
            <th>Invoice Date</th>
            <td>{{ $paymentReceipt->invoice_date }}</td>
          </tr>
          <tr>
            <th>Invoice Amount</th>
            <td>{{ $paymentReceipt->invoice_amount }}</td>
          </tr>
          <tr>
            <th>WO/LOA</th>
            <td>{{ $paymentReceipt->wo_loa }}</td>
          </tr>
          <tr>
            <th>Payment Received</th>
            <td>{{ $paymentReceipt->payment_received }}</td>
          </tr>
          <tr>
            <th>TDS (IT)</th>
            <td>{{ $paymentReceipt->tds_it }}</td>
          </tr>
          <tr>
            <th>TDS (GST)</th>
            <td>{{ $paymentReceipt->tds_gst }}</td>
          </tr>
          <tr>
            <th>TDS (L Cess)</th>
            <td>{{ $paymentReceipt->tds_l_cess }}</td>
          </tr>
          <tr>
            <th>Retention</th>
            <td>{{ $paymentReceipt->retention }}</td>
          </tr>
          <tr>
            <th>Holdover</th>
            <td>{{ $paymentReceipt->holdover }}</td>
          </tr>
          <tr>
            <th>CN</th>
            <td>{{ $paymentReceipt->cn }}</td>
          </tr>
          <tr>
            <th>Billed Amount Unpaid</th>
            <td>{{ $paymentReceipt->billed_amount_unpaid }}</td>
          </tr>
          <tr>
            <th>Total Deductions</th>
            <td>{{ $paymentReceipt->total_deductions }}</td>
          </tr>
          <tr>
            <th>Net Received</th>
            <td>{{ $paymentReceipt->net_received }}</td>
          </tr>
          <tr>
            <th>Remarks</th>
            <td>{{ $paymentReceipt->remarks }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection

@push('styles')
<link rel="stylesheet" href="{{ asset('assets/css/payment-receipts.css') }}">
@endpush