@extends('layouts.app')

@section('title', $procurementRequest->request_number ?? 'Request')

@section('content')
<x-breadcrumb :items="[
    ['label' => 'Procurement Requests', 'url' => route('procurement-requests.index')],
    ['label' => $procurementRequest->request_number],
]" />

<x-page-header :title="$procurementRequest->title" :subtitle="$procurementRequest->request_number">
    <x-slot name="actions">
        <a href="{{ route('procurement-requests.index') }}" class="procure-btn"><i class="fas fa-arrow-left"></i> Back</a>
    </x-slot>
</x-page-header>

<div class="row">
    <div class="col-lg-8 mb-3">
        <div class="procure-form-card">
            <div class="d-flex justify-content-between mb-3">
                <h5 class="font-weight-bold mb-0">Request Details</h5>
                <x-status-badge :status="$procurementRequest->status" />
            </div>
            <p class="procure-detail-label">Description</p>
            <p class="procure-detail-value">{{ $procurementRequest->description }}</p>
            @if($procurementRequest->notes)
                <p class="procure-detail-label">Notes</p>
                <p class="procure-detail-value">{{ $procurementRequest->notes }}</p>
            @endif
        </div>
    </div>
    <div class="col-lg-4 mb-3">
        <div class="procure-form-card">
            <p class="procure-detail-label">Category</p>
            <p class="procure-detail-value">{{ $procurementRequest->category ?? '—' }}</p>
            <p class="procure-detail-label">Requester</p>
            <p class="procure-detail-value">{{ $procurementRequest->requester->name ?? '—' }}</p>
            <p class="procure-detail-label">Estimated Amount</p>
            <p class="procure-detail-value">
                {{ number_format($procurementRequest->total_estimated_amount ?? 0, 2) }}
                {{ $procurementRequest->currency ?? 'SAR' }}
            </p>
            <p class="procure-detail-label">Created</p>
            <p class="procure-detail-value">{{ optional($procurementRequest->created_at)->format('Y-m-d H:i') }}</p>
        </div>
    </div>
</div>
@endsection