@extends('layouts.app')

@section('title', 'New Procurement Request')

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

<x-page-header title="New Procurement Request" subtitle="Describe what you need and an estimated budget.">
    <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="procure-form-card">
    <form method="POST" action="{{ route('procurement-requests.store') }}">
        @csrf
        <div class="row">
            <div class="col-md-8 mb-3">
                <label class="font-weight-bold">Title <span class="text-danger">*</span></label>
                <input type="text" name="title" class="form-control @error('title') is-invalid @enderror"
                       value="{{ old('title') }}" required style="border-radius:8px;">
                @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-4 mb-3">
                <label class="font-weight-bold">Category</label>
                <input type="text" name="category" class="form-control" value="{{ old('category') }}" style="border-radius:8px;">
            </div>
        </div>
        <div class="mb-3">
            <label class="font-weight-bold">Description <span class="text-danger">*</span></label>
            <textarea name="description" rows="4" class="form-control @error('description') is-invalid @enderror" required style="border-radius:8px;">{{ old('description') }}</textarea>
            @error('description')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="row">
            <div class="col-md-4 mb-3">
                <label class="font-weight-bold">Estimated Amount</label>
                <input type="number" step="0.01" min="0" name="total_estimated_amount" class="form-control"
                       value="{{ old('total_estimated_amount') }}" style="border-radius:8px;">
            </div>
            <div class="col-md-2 mb-3">
                <label class="font-weight-bold">Currency</label>
                <input type="text" name="currency" class="form-control" value="{{ old('currency', 'SAR') }}" style="border-radius:8px;">
            </div>
            <div class="col-md-6 mb-3">
                <label class="font-weight-bold">Notes</label>
                <input type="text" name="notes" class="form-control" value="{{ old('notes') }}" style="border-radius:8px;">
            </div>
        </div>
        <div class="d-flex justify-content-end">
            <a href="{{ route('procurement-requests.index') }}" class="procure-btn mr-2">Cancel</a>
            <button type="submit" class="procure-btn-primary"><i class="fas fa-save"></i> Submit Request</button>
        </div>
    </form>
</div>
@endsection