@extends('layouts.app')

@section('title', __('Approve Fuel Order'))

@section('content')
<section class="content-header">
  <h1>
    <i class="fa fa-gas-pump"></i> @lang('Approve Fuel Order')
    <small>@lang('Review and approve this fuel request')</small>
  </h1>
</section>

<section class="content">
  <div class="box box-primary">
    <div class="box-header with-border">
      <h3 class="box-title">@lang('Order Details')</h3>
      <a href="{{ route('fuel-orders.index') }}" class="btn btn-default btn-sm pull-right">
        <i class="fa fa-arrow-left"></i> @lang('Back')
      </a>
    </div>

    <div class="box-body">
      {{-- Display success/error messages --}}
      @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
      @endif
      @if($errors->any())
        <div class="alert alert-danger">
          <ul class="mb-0">
            @foreach($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif

      {{-- Order Summary --}}
      <div class="row">
        <div class="col-md-6">
          <p><strong>@lang('Reference No'):</strong> {{ $order->reference_no }}</p>
          <p><strong>@lang('Order Date'):</strong> {{ optional($order->order_date)->format('Y-m-d') }}</p>
          <p><strong>@lang('Fuel Type'):</strong> {{ $order->fuel_type }}</p>
        </div>
        <div class="col-md-6">
          <p><strong>@lang('Liters'):</strong> {{ number_format($order->liters, 2) }}</p>
          <p><strong>@lang('Total Amount'):</strong> {{ number_format($order->total_amount, 2) }}</p>
          <p><strong>@lang('Requested By'):</strong> {{ $order->requester?->name ?? '-' }}</p>
        </div>
      </div>

      <hr>

      {{-- Approval Form --}}
      <form action="{{ route('fuel-orders.approve', $order->id) }}" method="POST" autocomplete="off">
        @csrf
        <div class="form-group">
          <label for="remarks">@lang('Remarks (optional)')</label>
          <textarea id="remarks" name="remarks" rows="3" class="form-control" placeholder="@lang('Enter remarks or comments here...')"></textarea>
        </div>

        <div class="text-right">
          <button type="submit" class="btn btn-success">
            <i class="fa fa-check"></i> @lang('Approve')
          </button>
          <a href="{{ route('fuel-orders.index') }}" class="btn btn-secondary">
            <i class="fa fa-times"></i> @lang('Cancel')
          </a>
        </div>
      </form>
    </div>
  </div>
</section>
@endsection