@extends('layouts.user_type.auth')

@section('content')

<main class="main-content position-relative max-height-vh-100 h-100 mt-1 border-radius-lg ">
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-header pb-0">
                        <div class="d-flex flex-row justify-content-between">
                            <div>
                                <h5 class="mb-0">Eventos</h5>
                            </div>
                            <a href="{{route('eventos-create')}}" class="btn bg-gradient-primary btn-sm mb-0"
                                type="button">+&nbsp; Nuevo evento</a>
                        </div>
                    </div>
                    <div class="card-body px-0 pt-0 pb-2">
                        <div class="table-responsive p-0">
                            <table class="table align-items-center mb-0">
                                <thead>
                                    <tr>
                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Nombre</th>


                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">

                                            Categoria</th>


                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Fecha_inicio</th>

                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Fecha_fin</th>

                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Estado</th>

                                        <th
                                            class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-12">
                                            Acciones</th>

                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($eventos as $evento)
                                    <tr>
                                        <td class="align-middle text-center text-sm">
                                            {{$evento->nombre}}
                                        </td>

                                        <td class="align-middle text-center text-sm">
                                            @foreach($categorias as $cat)
                                            @if($cat->id == $evento->categoria_id)
                                            {{$cat->nombre}}
                                            @endif
                                            @endforeach

                                        </td>

                                        <td class="align-middle text-center text-sm">
                                            {{$evento->fecha_inicio}}
                                        </td>

                                        <td class="align-middle text-center text-sm">
                                            {{$evento->fecha_fin}}
                                        </td>


                                        @if ($evento->estado == 1)
                                        <td class="align-middle text-center text-sm">
                                            <div class="badge badge-success fw-bolder">En curso</div>
                                        </td>
                                        @endif
                                        @if ($evento->estado == 0)
                                        <td class="align-middle text-center text-sm">
                                            <div class="badge badge-danger fw-bolder">Finalizado</div>
                                        </td>
                                        @endif


                                        <td class="align-middle text-center text-sm">

                                            <button data-bs-toggle="modal" data-bs-toggle="modal"
                                                data-bs-target="#eventoDetail-{{$evento->id}}"
                                                class="btn btn-link text-danger text-gradient px-3 mb-0"
                                                href="javascript:;"><i
                                                    class="fas fa-solid fa-info text-dark me-2"></i></button>

                                        <a href="{{url('eventos/entradas',$evento->id)}}">
                                            <button
                                                class="btn btn-link text-danger text-gradient px-3 mb-0"
                                                href="javascript:;" title="entradas"
                                                ><i
                                                    class="fas fa-plus fa-info text-dark me-2"></i></button>
                                        </a>

                                            <a href="{{url('eventos-edit',$evento->id)}}">
                                                <button class="btn btn-link text-dark px-3 mb-0" href="javascript:;"><i
                                                        class="fas fa-pencil-alt text-dark me-2"
                                                        aria-hidden="true"></i></button>
                                            </a>

                                            <button data-bs-toggle="modal" data-bs-toggle="modal"
                                                data-bs-target="#eventoDestroyModal-{{$evento->id}}"
                                                class="btn btn-link text-danger text-gradient px-3 mb-0"
                                                href="javascript:;" > <i class="far fa-trash-alt me-2"></i>


                                            </button>



                                        </td>
                                    </tr>

                                    @include('admin.eventos.destroy')
                                    @include('admin.eventos.detail')
                                    @endforeach


                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</main>

@endsection