@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">Cupones del evento: {{$evento->nombre }} </h6>
                </div>
            </div>
        </div>
        <div class="card-body pt-6 p-3">
            <div class="row ">
                @forelse($cupones as $cupon)
                <div class="col-md-4 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 class="font-weight-bolder text-primary text-gradient">{{$cupon->nombre}}</a></h6>
                        <span class="mb-2 text-xs">Descripción: <span
                            class="text-dark font-weight-bold ms-sm-2">{{$cupon->descripcion}}</span></span>
                            <span class="mb-2 text-xs">Código: <span
                                class="text-dark ms-sm-2 font-weight-bold">{{$cupon->codigo}}</span></span>
                                <span class="text-xs">Porcentaje: <span
                                    class="text-dark ms-sm-2 font-weight-bold"></span>{{$cupon->porcentaje}}%</span>
                                    <span class="text-xs">Fecha de Inicio: <span
                                        class="text-dark ms-sm-2 font-weight-bold"></span>{{$cupon->fecha_inicio}}</span>
                                        <span class="text-xs">Fecha de Finalización: <span
                                            class="text-dark ms-sm-2 font-weight-bold"></span>{{$cupon->fecha_fin}}</span>
                                        </div>
                                        <div class="ms-auto text-end">
                                            <a data-bs-toggle="modal" data-bs-toggle="modal"
                                            data-bs-target="#cuponDestroyModal-{{$cupon->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="#cuponEditModal-{{$cupon->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.cupones.edit')
                                  @include('admin.cupones.destroy')
                                  @empty
                                  <h6 class="mb-3 text-sm"><a href="{{url('eventos/')}}" class="font-weight-bolder text-primary text-gradient">Esta entrada no tiene cupones</a></h6>
                                  @endforelse
                              </div>

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

              </div>

          </div>
      </main>
      @endsection