@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 mt-4">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header pb-0 px-3">
                        <div class="d-flex flex-row justify-content-between">
                            <div>
                                <h6 class="mb-0">Entradas del evento: {{$evento->nombre }} </h6>
                            </div>
                            <a data-bs-toggle="modal" data-bs-toggle="modal"
                                                data-bs-target="#newEntradaModal-{{$evento->id }}"
                                class="btn bg-gradient-primary btn-sm mb-0" type="button">+&nbsp; Nueva entrada</a>
                        </div>

                    </div>
                    <div class="card-body pt-6 p-3">
                        <div class="row ">

                            @foreach ($evento->entradas->where('estado','=',1) as $entrada)
                            <div
                                class="col-md-5 list-group-item border-0 p-4 mt-2 mb-2 bg-gray-100 border-radius-lg mx-5">
                                <div class="d-flex flex-column">
                                    <h6 class="mb-3 text-sm"><a href="{{route('cupones.show',$entrada->id)}}" class="font-weight-bolder text-primary text-gradient">{{$entrada->nombre}}</a></h6>
                                    <span class="mb-2 text-xs">Descripción: <span
                                            class="text-dark font-weight-bold ms-sm-2">{{$entrada->descripcion}}</span></span>
                                    <span class="mb-2 text-xs">Numero de entradas:: <span
                                            class="text-dark ms-sm-2 font-weight-bold">{{$entrada->cantidad_entradas}}</span></span>
                                    <span class="text-xs">Precio: <span
                                            class="text-dark ms-sm-2 font-weight-bold"></span>{{$entrada->precio}}</span>
                                </div>
                                <div class="ms-auto text-end">
                                    <a data-bs-toggle="modal" data-bs-toggle="modal"
                                        data-bs-target="#cuponAddModal-{{$entrada->id}}"
                                        class="btn btn-link text-info text-gradient px-3 mb-0" href="javascript:;"><i class="fas fa-ticket-alt"></i> Cupón</a>

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

                                    <a data-bs-toggle="modal" data-bs-toggle="modal"
                                        data-bs-target="#editEntradaModal-{{$entrada->id}}"
                                        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>Editar</a>
                                </div>
                            </div>

                            @include('admin.eventos.entrada_create')
                            @include('admin.cupones.create')
                            @include('admin.eventos.entrada_edit')
                            @include('admin.eventos.entrada_delete')
                            @endforeach

                        </div>

                    </div>
                </div>
            </div>

        </div>

    </div>
</main>
@include('admin.eventos.entrada_create')
@endsection