@extends('app-new')

@section('content')
<div class="container-fluid py-3">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <div>
      <h4 class="mb-0">PI Register Details</h4>
      <div class="text-muted small">{{ $piRegister->pi_no }}</div>
    </div>
    <a href="{{ route('pi-registers.index') }}" class="btn btn-outline-secondary">Back</a>
  </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%">PI No</th><td>{{ $piRegister->pi_no }}</td></tr>
          <tr><th>PI Date</th><td>{{ $piRegister->pi_date }}</td></tr>
          <tr><th>Due Date</th><td>{{ $piRegister->due_date }}</td></tr>
          <tr><th>Project</th><td>{{ $piRegister->project?->project_name }}</td></tr>
          <tr><th>Tender</th><td>{{ $piRegister->tender?->tender_code }}</td></tr>
          <tr><th>Vendor</th><td>{{ $piRegister->vendor_name }}</td></tr>
          <tr><th>PI Amount</th><td>{{ $piRegister->pi_amount }}</td></tr>
          <tr><th>Status</th><td>{{ ucfirst($piRegister->status) }}</td></tr>
          <tr><th>Remarks</th><td>{{ $piRegister->remarks }}</td></tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection

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