@php
    $title = 'Create City';
    $header = 'Create City';
@endphp

@extends('admin.layouts.app')

@section('content')
    <div class="bg-white rounded-2xl shadow-lg overflow-hidden">
        <div class="bg-gradient-to-r from-primary to-primary-dark px-6 py-4">
            <h3 class="text-xl font-semibold text-white mb-0">Create New City</h3>
        </div>
        <div class="p-6">
            <form action="{{ route('admin.cities.store') }}" method="POST">
                @csrf
                @include('admin.cities._form')
                <div class="mt-6 flex justify-end gap-3">
                    <a href="{{ route('admin.cities.index') }}" class="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors font-medium">
                        Cancel
                    </a>
                    <button type="submit" class="px-6 py-2 bg-primary text-white rounded-lg hover:bg-primary-dark transition-colors font-medium shadow-lg hover:shadow-xl transform hover:-translate-y-0.5">
                        Create City
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection