@extends('admin.admin_dashboard')
@section('admin')
<div class="page-content">
  <div class="page-breadcrumb d-flex justify-content-between align-items-center mb-3 p-3 bg-primary text-white rounded shadow-sm">
    <h5 class="mb-0">Edit FX Rate #{{ $rate->id }}</h5>
    <a href="{{ route('fx.rates.index') }}" class="btn btn-light d-flex align-items-center">
      <i class="bx bx-arrow-back me-1"></i> Back
    </a>
  </div>

  <div class="card shadow-sm rounded-lg border-0">
    <div class="card-body p-4">
      <form method="POST" action="{{ route('fx.rates.update', $rate->id) }}">
        @csrf @method('PUT')
        <div class="row g-3 mb-4">
          <div class="col-md-4">
            <label class="form-label">Currency</label>
            <select name="currency_id" class="form-select">
              <option value="">Select…</option>
              @foreach($currencies as $c)
                <option value="{{ $c->id }}" @selected(old('currency_id', $rate->currency_id)==$c->id)>{{ $c->code }}</option>
              @endforeach
            </select>
            @error('currency_id')<div class="text-danger small">{{ $message }}</div>@enderror
          </div>
          <div class="col-md-4">
            <label class="form-label">Date</label>
            <input type="date" name="date" class="form-control"
                   value="{{ old('date', $rate->date) }}">
            @error('date')<div class="text-danger small">{{ $message }}</div>@enderror
          </div>
          <div class="col-md-4">
            <label class="form-label">Rate</label>
            <input type="number" step="0.000001" name="rate" class="form-control text-end"
                   value="{{ old('rate', $rate->rate) }}">
            @error('rate')<div class="text-danger small">{{ $message }}</div>@enderror
          </div>
        </div>

        <div class="text-end">
          <button type="submit" class="btn btn-primary px-4">
            <i class="bx bx-save me-1"></i> Update Rate
          </button>
        </div>
      </form>
    </div>
  </div>
</div>
@endsection