@extends('admin.layouts.app')

@section('header')
    <h2 class="font-semibold text-xl text-gray-800 leading-tight">
        {{ __('Rang módositása') }}
    </h2>
@endsection

@section('content')
<div class="py-12">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
            <div class="p-6 bg-white border-b border-gray-200">
                <form method="POST" action="{{ route('admin.roles.update', $role) }}">
                    @csrf
                    @method('PUT')

                    <div>
                        <label for="name" class="block text-sm font-medium text-gray-700">Rang neve</label>
                        <input type="text" name="name" id="name" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md" value="{{ old('name', $role->name) }}" required>
                    </div>

                    <div class="mt-4">
                        <label class="block text-sm font-medium text-gray-700 mb-2">Jogosultságok</label>

                        @php
                            $leagues = [
                                'laliga' => 'La Liga',
                                'premierleague' => 'Premier League',
                                'seriea' => 'Serie A',
                                'bundesleague' => 'Bundesleague',
                                'ligue1' => 'Ligue 1'
                            ];
                        @endphp

                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                            @foreach ($leagues as $leagueKey => $leagueName)
                                <div class="bg-gray-50 p-4 rounded-lg">
                                    <h3 class="font-semibold text-lg mb-2">{{ $leagueName }}</h3>
                                    <div class="space-y-2">
                                        @foreach ($permissions as $permission)
                                            @if (strpos($permission->name, "megtekint $leagueKey") === 0)
                                                <div class="flex items-start">
                                                    <div class="flex items-center h-5">
                                                        <input id="permission_{{ $permission->id }}" name="permissions[]" type="checkbox" value="{{ $permission->name }}" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
                                                            {{ $role->hasPermissionTo($permission) ? 'checked' : '' }}>
                                                    </div>
                                                    <div class="ml-3 text-sm">
                                                        <label for="permission_{{ $permission->id }}" class="font-medium text-gray-700">{{ str_replace("megtekint $leagueKey ", '', $permission->name) }}</label>
                                                    </div>
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>

                    <div class="mt-6">
                        <button type="submit" class="inline-flex items-center px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 active:bg-gray-900 focus:outline-none focus:border-gray-900 focus:ring ring-gray-300 disabled:opacity-25 transition ease-in-out duration-150">
                            Rang módositása
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection