@extends('admin.layout')

@section('content')
<div class="page-title">Fee Configuration</div>

<div class="card" style="max-width:600px">
    <p style="color:#888;font-size:13px;margin-bottom:24px">Changes take effect immediately for all new bookings.</p>
    <form method="POST" action="{{ route('admin.fees.update') }}">
        @csrf
        @foreach($fees as $key => $fee)
        <div class="form-group">
            <label>{{ $fee->label }}
                @if($fee->type === 'percentage') (%) @elseif($fee->type === 'fixed') (£) @else (days) @endif
            </label>
            <input type="number" name="{{ $key }}" value="{{ $fee->value }}" step="0.01" required>
            @if($fee->description)
                <small style="color:#888;display:block;margin-top:4px">{{ $fee->description }}</small>
            @endif
        </div>
        @endforeach
        <button class="btn btn-black" style="width:100%;padding:12px">Save Configuration</button>
    </form>
</div>
@endsection