@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">PO Register Details</h4>
      <div class="text-muted small">{{ $poRegister->po_no }}</div>
    </div>
    <a href="{{ route('po-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%">PO No</th><td>{{ $poRegister->po_no }}</td></tr>
          <tr><th>PO Date</th><td>{{ $poRegister->po_date }}</td></tr>
          <tr><th>Project</th><td>{{ $poRegister->project?->project_name }}</td></tr>
          <tr><th>Tender</th><td>{{ $poRegister->tender?->tender_code }}</td></tr>
          <tr><th>Vendor</th><td>{{ $poRegister->vendor_name }}</td></tr>
          <tr><th>PO Value</th><td>{{ $poRegister->po_value }}</td></tr>
          <tr><th>Status</th><td>{{ ucfirst($poRegister->status) }}</td></tr>
          <tr><th>Remarks</th><td>{{ $poRegister->remarks }}</td></tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection

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