@extends('layouts.app')

@section('content')
<link href="{{asset('css/profile.css')}}" rel="stylesheet">
    <div class="profile d-flex">
        <div class="row">
            <h2 class="mt-2 mb-3">Administração - Galeria de Fotos</h2>
        </div>
    </div>
    <div class="profile justify-content-center">
        <div class="row">
            <div class="col-lg-2">
                <ul class="nav flex-column nav-pills nav-pills-primary">
                    <li class="nav-item">
                        <a href="javascript:void();" data-target="#list" data-toggle="pill" class="nav-link active"><i class="icon-user"></i> <span class="hidden-xs">Lista de eventos</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void();" data-target="#newYear" data-toggle="pill" class="nav-link"><i class="icon-envelope-open"></i> <span class="hidden-xs">Novo ano</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void();" data-target="#newFile" data-toggle="pill" class="nav-link"><i class="icon-envelope-open"></i> <span class="hidden-xs">Nova pasta/troféu</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void();" data-target="#newSubFile" data-toggle="pill" class="nav-link"><i class="icon-envelope-open"></i> <span class="hidden-xs">Nova sub pasta</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void();" data-target="#newEvent" data-toggle="pill" class="nav-link"><i class="icon-envelope-open"></i> <span class="hidden-xs">Novo evento</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void();" data-target="#newGroup" data-toggle="pill" class="nav-link"><i class="icon-envelope-open"></i> <span class="hidden-xs">Novo grupo</span></a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void();" data-target="#newRace" data-toggle="pill" class="nav-link"><i class="icon-envelope-open"></i> <span class="hidden-xs">Adicionar prova troféu</span></a>
                    </li>

                    {{-- <li class="nav-item">
                        <a href="{{ route('import')}}" class="nav-link"><i class="icon-envelope-open"></i> <span class="hidden-xs">Importar galeria</span></a>
                    </li> --}}
                </ul>
            </div>

            <div class="col-lg-10">
	            <div class="card z-depth-3">
	                <div class="card-body">
		                <div class="tab-content p-3">
                            <!-- LISTA DE EVENTOS -->
							<div class="tab-pane active" id="list">    
                                @include('admin.gallery.includes.searchEventForm')
                                @include('admin.gallery.includes.list')
                            </div>
                            <!-- FIM DA LISTA DE EVENTOS -->

                            <!-- INSERIR ANO -->
                            <div class="tab-pane" id="newYear">
                                @include('admin.gallery.includes.newYearForm')
                            </div>
                            <!-- FIM -->

                            <!-- Criar Nova Pasta-->
                            <div class="tab-pane" id="newFile">
                                @include('admin.gallery.includes.newFileForm')
                            </div>
                            <!-- FIM -->

                            <!-- Novo evento -->
                            <div class="tab-pane" id="newEvent">
                               @include('admin.gallery.includes.newEventForm')
                            </div>
                            <!-- FIM -->

                            <!-- Novo Grupo -->
                            <div class="tab-pane" id="newGroup">
                                @include('admin.gallery.includes.newGroupForm')
                            </div>
                            <!-- FIM -->

                            <!-- Nova Sub pasta -->
                            <div class="tab-pane" id="newSubFile">
                                @include('admin.gallery.includes.newSubFileForm')
                            </div>
                            <!-- FIM -->

                            <!-- Nova Sub pasta -->
                            <div class="tab-pane" id="newRace">
                                @include('admin.gallery.includes.newRaceForm')
                            </div>
                            <!-- FIM -->
                        </div>
                    </div>
                </div>
            </div>
                
        </div>
    </div>

    @include('admin.gallery.js.index')
@endsection