@php
    $title = 'Add Country';
    $header = 'Add Country';
@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">Add Country</h3>
        </div>
        <form action="{{ route('admin.countries.store') }}" method="POST">
            @csrf
            <div class="p-6">
                @include('admin.countries._form', ['country' => $country ?? null])
            </div>
            <div class="px-6 py-4 bg-gray-50 border-t border-gray-200 flex justify-between items-center">
                <a href="{{ route('admin.countries.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">
                    Save
                </button>
            </div>
        </form>
    </div>
@endsection