@extends('app-new')

@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-registers.index') }}">Payment Registers</a></li>
          <li class="breadcrumb-item active" aria-current="page">View</li>
        </ol>
      </nav>
      <h4 class="mb-0">Payment Register</h4>
      <div class="text-muted small">{{ $paymentRegister->register_no }}</div>
    </div>
    <div class="mt-2 mt-md-0 d-flex gap-2">
      <a href="{{ route('payment-registers.edit', $paymentRegister) }}" class="btn btn-outline-primary">Edit</a>
      <a href="{{ route('payment-registers.index') }}" class="btn btn-outline-secondary">Back</a>
    </div>
  </div>

  <div class="card border-0 shadow-sm pr-card mb-3">
    <div class="card-body">
      <div class="row g-3">
        <div class="col-12 col-md-4">
          <div class="pr-sub">Initiated</div>
          <div class="fw-semibold">{{ $paymentRegister->initiated_at }}</div>
          <div class="small text-muted">{{ $paymentRegister->initiate_status }}</div>
        </div>
        <div class="col-12 col-md-4">
          <div class="pr-sub">Approved</div>
          <div class="fw-semibold">{{ $paymentRegister->approved_at }}</div>
          <div class="small text-muted">{{ $paymentRegister->approval_status }}</div>
        </div>
        <div class="col-12 col-md-4">
          <div class="pr-sub">Disbursed</div>
          <div class="fw-semibold">{{ $paymentRegister->disbursed_at }}</div>
          <div class="small text-muted">{{ $paymentRegister->disburse_status }}</div>
        </div>
      </div>
    </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%">Type</th>
            <td>{{ ucfirst($paymentRegister->type_of_payment) }}</td>
          </tr>
          <tr>
            <th>Project</th>
            <td>{{ $paymentRegister->project_name }} ({{ $paymentRegister->project_code }})</td>
          </tr>
          <tr>
            <th>Tender</th>
            <td>{{ $paymentRegister->tender_code }}</td>
          </tr>
          <tr>
            <th>Vendor</th>
            <td>{{ $paymentRegister->vendor_name }}</td>
          </tr>
          <tr>
            <th>Payment Against</th>
            <td>{{ $paymentRegister->payment_against }}</td>
          </tr>
          <tr>
            <th>Reference</th>
            <td>{{ $paymentRegister->ref_no }} @if($paymentRegister->ref_value !== null) (₹ {{ number_format((float) $paymentRegister->ref_value, 2) }}) @endif</td>
          </tr>
          <tr>
            <th>PO Number</th>
            <td>{{ $paymentRegister->po_number }}</td>
          </tr>
          <tr>
            <th>PI Number</th>
            <td>{{ $paymentRegister->pi_number }}</td>
          </tr>
          <tr>
            <th>Invoice No</th>
            <td>{{ $paymentRegister->invoice_no }}</td>
          </tr>
          <tr>
            <th>Item Type</th>
            <td>{{ $paymentRegister->item_type }}</td>
          </tr>
          <tr>
            <th>Amount Requested</th>
            <td>{{ $paymentRegister->amount_requested }}</td>
          </tr>
          <tr>
            <th>Amount Outstanding</th>
            <td>{{ $paymentRegister->amount_outstanding }}</td>
          </tr>
          <tr>
            <th>Value Delivered</th>
            <td>{{ $paymentRegister->value_of_material_delivered }}</td>
          </tr>
          <tr>
            <th>Paid Amount</th>
            <td>{{ $paymentRegister->paid_amount }}</td>
          </tr>
          <tr>
            <th>Payment Source</th>
            <td>{{ $paymentRegister->payment_source }}</td>
          </tr>
          <tr>
            <th>Payment Mode</th>
            <td>{{ $paymentRegister->payment_mode }}</td>
          </tr>
          <tr>
            <th>Payment Ref No</th>
            <td>{{ $paymentRegister->payment_ref_no }}</td>
          </tr>
          <tr>
            <th>Beneficiary</th>
            <td>
              {{ $paymentRegister->beneficiary_account_no }} / {{ $paymentRegister->beneficiary_ifsc }}<br>
              <span class="text-muted">{{ $paymentRegister->beneficiary_bank_name }}</span><br>
              <span class="text-muted">{{ $paymentRegister->beneficiary_email }}</span>
            </td>
          </tr>
          <tr>
            <th>Approval Remarks</th>
            <td>{{ $paymentRegister->approval_remarks }}</td>
          </tr>
          <tr>
            <th>Disburse Remarks</th>
            <td>{{ $paymentRegister->disburse_remarks }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection

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