@extends('layouts.app')

@section('content')
    <div class="max-w-md mx-auto p-6">
        <h1 class="text-2xl font-bold mb-6">Add New Currency Rate</h1>
        @if ($errors->any())
            <div class="bg-red-100 text-red-700 p-4 rounded mb-4">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <form method="POST" action="{{ route('currency-rates.store') }}" class="space-y-4">
            @csrf
            <div>
                <label for="rate" class="block text-sm font-medium text-gray-700">Rate (BDT per SR)</label>
                <input type="number" name="rate" id="rate" step="0.01" value="{{ old('rate') }}" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500">
            </div>
            <div>
                <label for="effective_from" class="block text-sm font-medium text-gray-700">Effective From</label>
                <input type="datetime-local" name="effective_from" id="effective_from" value="{{ old('effective_from', now()->format('Y-m-d\TH:i')) }}" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500">
            </div>
            <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">Add Rate</button>
        </form>
        <a href="{{ route('currency-rates.index') }}" class="mt-4 inline-block text-blue-500 hover:underline">Back to Rates</a>
    </div>
@endsection