@extends('layouts.dashboardAdmin')

@section('content')
<div class="max-w-3xl mx-auto px-6 py-10">
    <div class="bg-white border border-blue-900 shadow-md rounded-2xl p-10">
        <h2 class="text-3xl font-bold text-blue-900 mb-8">Tambah Lokasi</h2>

        <form action="{{ route('lokasi.store') }}" method="POST" class="space-y-6">
            @csrf

            <div>
                <label for="nama_lokasi" class="block text-sm font-semibold text-gray-700 mb-2">Nama Lokasi</label>
                <input 
                    type="text" 
                    id="nama_lokasi" 
                    name="nama_lokasi" 
                    required 
                    class="w-full px-4 py-2 border border-gray-300 rounded-xl shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-700 focus:border-blue-700 transition"
                >
            </div>

            <div class="flex justify-end gap-4 pt-4">
                <a href="{{ route('lokasi.index') }}" 
                   class="px-5 py-2.5 bg-gray-100 text-gray-800 rounded-xl border border-gray-300 hover:bg-gray-200 transition">
                   Batal
                </a>
                <button type="submit" 
                        class="px-5 py-2.5 bg-blue-700 text-white rounded-xl hover:bg-blue-800 shadow-sm transition">
                        Simpan
                </button>
            </div>
        </form>
    </div>
</div>
@endsection