@extends('layouts.app')

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

@section('content')
<section class="content-header">
  <h1>
    <i class="fa fa-gas-pump"></i> @lang('New Fuel Order')
    <small>@lang('Create a new fuel purchase request')</small>
  </h1>
</section>

<section class="content">
  <div class="box box-primary">
    <div class="box-header with-border">
      <h3 class="box-title">@lang('Fuel 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

      {{-- Create Form --}}
      <form action="{{ route('fuel-orders.store') }}" method="POST" autocomplete="off">
        @csrf

        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label for="order_date">@lang('Order Date')</label>
              <input type="date" id="order_date" name="order_date"
                value="{{ old('order_date', now()->toDateString()) }}"
                class="form-control" required>
            </div>
          </div>

          <div class="col-md-6">
            <div class="form-group">
              <label for="fuel_type">@lang('Fuel Type')</label>
              <input type="text" id="fuel_type" name="fuel_type"
                value="{{ old('fuel_type') }}" class="form-control"
                placeholder="@lang('Diesel / Gasoline')" required>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <label for="liters">@lang('Liters')</label>
              <input type="number" id="liters" step="0.01" name="liters"
                value="{{ old('liters') }}" class="form-control" required>
            </div>
          </div>

          <div class="col-md-6">
            <div class="form-group">
              <label for="price_per_liter">@lang('Price per Liter')</label>
              <input type="number" id="price_per_liter" step="0.01" name="price_per_liter"
                value="{{ old('price_per_liter') }}" class="form-control" required>
            </div>
          </div>
        </div>

        <div class="form-group">
          <label for="remarks">@lang('Remarks (optional)')</label>
          <textarea id="remarks" name="remarks" rows="3" class="form-control"
            placeholder="@lang('Enter additional notes or comments...')">{{ old('remarks') }}</textarea>
        </div>

        <div class="text-right">
          <button type="submit" class="btn btn-primary">
            <i class="fa fa-save"></i> @lang('Save Order')
          </button>
          <a href="{{ route('fuel-orders.index') }}" class="btn btn-default">
            <i class="fa fa-times"></i> @lang('Cancel')
          </a>
        </div>
      </form>
    </div>
  </div>
</section>
@endsection