@extends('layouts.app')
@section('title','Purchase Request')
@section('page-title','Purchase Request Detail')
@section('content')

<div class="d-flex justify-content-between align-items-center mb-3">
  <a href="{{ route('purchase-requests.index') }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-arrow-left me-1"></i>Back</a>
  <div class="d-flex gap-2">
    @if($purchaseRequest->status==='pending' && auth()->user()->hasAnyRole(['ceo','super_admin','project_manager','administration']))
    <a href="{{ route('purchase-requests.edit',$purchaseRequest) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil me-1"></i>Edit</a>
    <form method="POST" action="{{ route('purchase-requests.approve',$purchaseRequest) }}">@csrf
      <button class="btn btn-sm btn-success"><i class="bi bi-check-lg me-1"></i>Approve</button>
    </form>
    <form method="POST" action="{{ route('purchase-requests.reject',$purchaseRequest) }}">@csrf
      <button class="btn btn-sm btn-danger" onclick="return confirm('Reject this request?')"><i class="bi bi-x-lg me-1"></i>Reject</button>
    </form>
    @endif
    <span class="badge bg-{{ $purchaseRequest->status==='approved'?'success':($purchaseRequest->status==='rejected'?'danger':'warning text-dark') }} fs-6 px-3 py-2">
      {{ ucfirst($purchaseRequest->status) }}
    </span>
  </div>
</div>

<div class="row g-3">
  <div class="col-md-7">
    <div class="card stat-card mb-3">
      <div class="card-header bg-white border-0 fw-semibold pt-3 px-3"><i class="bi bi-cart me-2 text-primary"></i>Request Details</div>
      <div class="card-body px-3">
        <dl class="row mb-0">
          <dt class="col-4 text-muted small">PR Number</dt><dd class="col-8 fw-bold">{{ $purchaseRequest->pr_number }}</dd>
          <dt class="col-4 text-muted small">Item</dt><dd class="col-8">{{ $purchaseRequest->item_description }}</dd>
          <dt class="col-4 text-muted small">Quantity</dt><dd class="col-8">{{ $purchaseRequest->quantity }} {{ $purchaseRequest->unit }}</dd>
          <dt class="col-4 text-muted small">Est. Cost</dt><dd class="col-8 fw-bold text-primary">{{ $purchaseRequest->estimated_cost ? 'GH₵ '.number_format($purchaseRequest->estimated_cost,2) : '—' }}</dd>
          <dt class="col-4 text-muted small">Urgency</dt><dd class="col-8"><span class="badge bg-{{ $purchaseRequest->urgency==='critical'?'danger':($purchaseRequest->urgency==='high'?'warning text-dark':'secondary') }}">{{ $purchaseRequest->urgency }}</span></dd>
          <dt class="col-4 text-muted small">Project</dt><dd class="col-8">{{ $purchaseRequest->project->name ?? '—' }}</dd>
          <dt class="col-4 text-muted small">Requested By</dt><dd class="col-8">{{ $purchaseRequest->requester->name ?? '—' }}</dd>
          <dt class="col-4 text-muted small">Date</dt><dd class="col-8">{{ $purchaseRequest->created_at->format('d M Y H:i') }}</dd>
          @if($purchaseRequest->approved_by)
          <dt class="col-4 text-muted small">{{ ucfirst($purchaseRequest->status) }} By</dt><dd class="col-8">{{ $purchaseRequest->approved_by }} on {{ $purchaseRequest->approved_date?->format('d M Y') }}</dd>
          @endif
          @if($purchaseRequest->justification)
          <dt class="col-4 text-muted small">Justification</dt><dd class="col-8 fst-italic">{{ $purchaseRequest->justification }}</dd>
          @endif
        </dl>
      </div>
    </div>
  </div>

  {{-- Attachments Panel --}}
  <div class="col-md-5">
    <div class="card stat-card">
      <div class="card-header bg-white border-0 fw-semibold pt-3 px-3">
        <i class="bi bi-paperclip me-2 text-primary"></i>Invoice Attachments
        <span class="badge bg-secondary ms-1">{{ $purchaseRequest->invoices()->count() }}</span>
      </div>
      <div class="card-body px-3">
        @if($purchaseRequest->invoices()->count() === 0)
          <div class="text-center py-3 text-muted">
            <i class="bi bi-file-earmark-x fs-3 d-block mb-2"></i>
            No invoices attached.
          </div>
        @else
        @if($purchaseRequest->attachment_notes)
        <div class="alert alert-light py-2 small mb-3"><i class="bi bi-info-circle me-1"></i>{{ $purchaseRequest->attachment_notes }}</div>
        @endif
        <div class="d-flex flex-column gap-2">
          @foreach(['invoice_1','invoice_2','invoice_3','invoice_4','invoice_5'] as $i => $field)
          @if($purchaseRequest->$field)
          @php
            $path = $purchaseRequest->$field;
            $ext  = strtolower(pathinfo($path, PATHINFO_EXTENSION));
            $isPdf = $ext === 'pdf';
            $url  = Storage::url($path);
          @endphp
          <div class="d-flex align-items-center gap-3 p-2 border rounded bg-light">
            <div class="fs-3 {{ $isPdf ? 'text-danger' : 'text-primary' }}">
              <i class="bi bi-{{ $isPdf ? 'file-earmark-pdf-fill' : 'file-earmark-image-fill' }}"></i>
            </div>
            <div class="flex-grow-1">
              <div class="small fw-semibold">Invoice / Quote #{{ $i+1 }}</div>
              <div class="small text-muted text-uppercase">{{ $ext }}</div>
            </div>
            <div class="d-flex flex-column gap-1">
              <a href="{{ $url }}" target="_blank" class="btn btn-xs btn-outline-primary" style="font-size:.75rem;padding:.2rem .6rem">
                <i class="bi bi-eye me-1"></i>View
              </a>
              <a href="{{ $url }}" download class="btn btn-xs btn-outline-secondary" style="font-size:.75rem;padding:.2rem .6rem">
                <i class="bi bi-download me-1"></i>Save
              </a>
            </div>
          </div>
          @if(!$isPdf)
          <img src="{{ $url }}" class="img-fluid rounded mb-1" style="max-height:120px;object-fit:cover;width:100%" alt="Invoice {{ $i+1 }}">
          @endif
          @endif
          @endforeach
        </div>
        @endif
      </div>
    </div>
  </div>
</div>
@endsection