@extends('admin.layout')
@section('title', 'Drive')

@push('styles')
<style>
  .drive-price input[type=number]{ width:150px; font-family:'IBM Plex Mono',monospace; font-size:13.5px; }
  .drive-price .hint{ font-size:11px; color:var(--ink-soft); margin-top:3px; }
  
  @media (max-width:900px){
    .drive-price{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .drive-price input[type=number]{ width:120px; font-size:12px; padding:8px 10px; }
    .drive-price .hint{ font-size:10px; }
  }
  
  @media (max-width:600px){
    .drive-price{ font-size:11px; }
    .drive-price input[type=number]{ width:100px; font-size:11px; padding:7px 8px; }
    .drive-price th, .drive-price td{ padding:8px 6px; }
  }
</style>
@endpush

@section('content')
  <h1>Getting Around — Pricing</h1>
  <div class="sub">Set the per-day price (AED) for each of the 3 within-Emirate services. Leave blank to fall back to the default seeded price. Changes apply immediately to the live trip planner.</div>

  @if (session('status'))
    <div class="status">{{ session('status') }}</div>
  @endif

  <form method="POST" action="{{ route('admin.pricing.update') }}">
    @csrf
    <table class="drive-price">
      <thead>
        <tr>
          <th>Emirate</th>
          <th>Oneclick Drive</th>
          <th>MK Rental Self Drive</th>
          <th>Chauffeur Drive</th>
        </tr>
      </thead>
      <tbody>
        @foreach ($rows as $row)
          <tr>
            <td class="name">{{ $row['emirate'] }}</td>
            @foreach ($row['services'] as $type => $service)
              <td>
                @if ($service['transport_id'])
                  <input type="number" step="1" min="0"
                         name="prices[{{ $service['transport_id'] }}]"
                         value="{{ $service['manual_price'] ?? '' }}"
                         placeholder="{{ number_format($service['base_price'], 0) }}">
                  <div class="hint">Default: AED {{ number_format($service['base_price'], 0) }}/day</div>
                @else
                  <span class="hint">Not seeded for this Emirate</span>
                @endif
              </td>
            @endforeach
          </tr>
        @endforeach
      </tbody>
    </table>

    <div class="save-row">
      <button type="submit" class="btn">Save Pricing</button>
    </div>
  </form>
@endsection