@props([
    'label' => [
        'metro' => [
            'id' => 'metro',
            'name' => 'Cia do Metropolitano de São Paulo'
        ]
    ]
])

<x-app-layout>

    <x-slot name="header">
    
        <div class="w-full lg:w-3/4 mx-auto flex justify-start">

            <div>
            
                <x-application-logo class="block h-12 w-auto" />

                <h1 class="mt-2 pt-1 text-right border-t border-gray-800 font-semibold text-2xl text-gray-800 leading-tight sm:block uppercase">
                    {{ __('Certames: ').$label[$category]['name'] }}
                </h1>

            </div>

        </div>

    </x-slot>

    @if($detail)

        <div class="w-full lg:w-3/4 mx-auto pb-16">

            @livewire('admin.contests.contest-detail', ['id' => request('id')], key('contest_detail'))
        
        </div>
    
        
    @else

        <div class="w-full lg:w-3/4 mx-auto pb-16">
        
            @livewire('admin.contests.contests-list', ['category' => $category], key('contests_list'))

        </div>

    @endif
    

</x-app-layout>