@extends('layouts.app')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="max-w-2xl mx-auto">
        <h1 class="text-3xl font-bold text-gray-900 mb-6">Edit Match</h1>

        <div class="bg-white shadow-md rounded-lg p-6">
            <form action="{{ route('admin.matches.update', $match) }}" method="POST">
                @csrf
                @method('PUT')
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <label for="home_team" class="block text-sm font-medium text-gray-700 mb-2">Home Team</label>
                        <input type="text" 
                               id="home_team" 
                               name="home_team" 
                               value="{{ old('home_team', $match->home_team) }}"
                               class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 @error('home_team') border-red-500 @enderror"
                               required>
                        @error('home_team')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                    <div>
                        <label for="home_team_flag" class="block text-sm font-medium text-gray-700 mb-2">Home Team Flag</label>
                        <input type="text" 
                               id="home_team_flag" 
                               name="home_team_flag" 
                               value="{{ old('home_team_flag', $match->home_team_flag) }}"
                               class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 @error('home_team_flag') border-red-500 @enderror"
                               required>
                        @error('home_team_flag')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label for="away_team" class="block text-sm font-medium text-gray-700 mb-2">Away Team</label>
                        <input type="text" 
                               id="away_team" 
                               name="away_team" 
                               value="{{ old('away_team', $match->away_team) }}"
                               class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 @error('away_team') border-red-500 @enderror"
                               required>
                        @error('away_team')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                    <div>
                        <label for="away_team_flag" class="block text-sm font-medium text-gray-700 mb-2">Away Team Flag</label>
                        <input type="text" 
                               id="away_team_flag" 
                               name="away_team_flag" 
                               value="{{ old('away_team_flag', $match->away_team_flag) }}"
                               class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 @error('away_team_flag') border-red-500 @enderror"
                               required>
                        @error('away_team_flag')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                    <div>
                        <label for="match_date" class="block text-sm font-medium text-gray-700 mb-2">Match Date & Time</label>
                        <input type="datetime-local" 
                               id="match_date" 
                               name="match_date" 
                               value="{{ old('match_date', $match->match_date->format('Y-m-d\TH:i')) }}"
                               class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 @error('match_date') border-red-500 @enderror"
                               required>
                        @error('match_date')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label for="stadium" class="block text-sm font-medium text-gray-700 mb-2">Stadium</label>
                        <input type="text" 
                               id="stadium" 
                               name="stadium" 
                               value="{{ old('stadium', $match->stadium) }}"
                               class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 @error('stadium') border-red-500 @enderror"
                               required>
                        @error('stadium')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div>
                        <label for="amount" class="block text-sm font-medium text-gray-700 mb-2">Amount</label>
                        <input type="text" 
                               id="amount" 
                               name="amount" 
                               value="{{ old('amount', $match->amount) }}"
                    </div>
                        @error('amount')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                    

                    {{-- <div class="md:col-span-2">
                        <label for="status" class="block text-sm font-medium text-gray-700 mb-2">Status</label>
                        <select id="status" 
                                name="status" 
                                class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 @error('status') border-red-500 @enderror"
                                required>
                            <option value="">Select Status</option>
                            <option value="scheduled" {{ old('status', $match->status) === 'scheduled' ? 'selected' : '' }}>Scheduled</option>
                            <option value="live" {{ old('status', $match->status) === 'live' ? 'selected' : '' }}>Live</option>
                            <option value="completed" {{ old('status', $match->status) === 'completed' ? 'selected' : '' }}>Completed</option>
                            <option value="cancelled" {{ old('status', $match->status) === 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                        </select>
                        @error('status')
                            <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div> --}}
                </div>

                <div class="flex justify-end space-x-4 mt-6">
                    <a href="{{ route('admin.matches.index') }}" 
                       class="px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50">
                        Cancel
                    </a>
                    <button type="submit" 
                            class="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500">
                        Update Match
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection