@extends('admin.layouts.app')
@section('title', 'Add Match')
@section('page-title', '⚽ Add New Match')

@section('content')
<div class="max-w-2xl">
    <div class="bg-white rounded-2xl border border-gray-200 shadow-sm p-8">
        <form method="POST" action="{{ route('admin.matches.store') }}" class="space-y-5">
            @csrf
            @php $match = null; @endphp
            @include('admin.matches._form')

            <div class="flex gap-3 pt-2">
                <button type="submit"
                        class="bg-wc-green hover:bg-wc-green-dark text-white font-bold px-6 py-3 rounded-xl transition-colors">
                    ✅ Create Match
                </button>
                <a href="{{ route('admin.matches.index') }}"
                   class="text-gray-500 hover:text-gray-700 font-semibold px-6 py-3 rounded-xl border border-gray-200 hover:border-gray-300 transition-colors">
                    Cancel
                </a>
            </div>
        </form>
    </div>
</div>
@endsection
