@extends('layouts.dashboard')

@section('section-main')
    <div class="row">
        <div class="col alerts-section">

        </div>
    </div>

    <div class="row">
        <div class="col-md-5 col-left">

            <h6 class="form-subtitle">Asignación de accesos especiales</h6>

            <form id="frm-access"  method="POST" class="form-ajax"
                action="{{ route('admin.dashboard.access.store', [$event->id]) }}"
                data-return="{{ route('admin.dashboard.access', [$event->id]) }}"
                data-check="{{ route('admin.dashboard.access.check', [$event->id]) }}">
                @csrf

                <div class="row">
                    <div class="col-md-12">
                        <div class="float-right clearfix">
                            <a href="javascript:" data-toggle="modal" data-target="#modalAddCompany">
                                Agregar empresa
                            </a>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group form-default col-md-12">
                        <label for="person_id">Nombre de la empresa</label>
                        <select name="person_id" id="person_id" class="form-control selectpicker" data-live-search="true" title="Seleccione la empresa" required>
                            @foreach ($companies as $item)
                                <option data-tokens="{{ $item->person->email }}" value="{{ $item->person->id }}">{{ $item->person->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group form-default col-md-12">
                        <label for="email">e-mail</label>
                        <input type="email" class="form-control" id="person_email" placeholder="" disabled>
                    </div>
                    <div class="form-group form-default col-md-12 password">
                        <label for="password">Password</label>
                        <input type="text" class="form-control" name="password" id="person_password" placeholder="">
                    </div>
                </div>
                <div class="row password">
                    <div class="col-md-12 generar-password">
                        <a href="#" id="btn-random-password">Generar Contrasena</a>
                    </div>
                </div>
                <hr>
                <div class="text-right">
                    <a href="javascript:" class="btn btn-link btn-sm ml-2" id="btn-add-all-boletas" data-url="{{ route('admin.dashboard.access.tickets', [$event->id]) }}">Agregar todos</a>
                </div>
                <div id="boletas-lista">
                    <div class="form-row">
                        <div class="form-group form-default col-md-12">
                            <label for="event_ticket_id">Tipo de boleta</label>
                            <select name="event_ticket_id[]" class="form-control event_ticket">
                                <option value="">Seleccione el tipo de boleta</option>
                                @foreach ($event_tickets as $item)
                                    <option value="{{ $item->id }}">{{ $item->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group form-default col-md-12">
                            <label for="event_ticket_qty">Cantidad de boletas a asignar</label>
                            <input type="number" class="form-control text-center event_ticket_qty" name="event_ticket_qty[]" placeholder="" min="1" required>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <a href="javascript:" class="btn btn-light btn-sm" id="btn-add-boleta">Agregar boleta</a>
                </div>
                <hr>
                <div class="clearfix"></div>
                <button type="submit" class="btn btn-primary w-65">
                    <i class="ico-check-wh"></i>
                    Guardar
                </button>
                <a href="{{ route('admin.dashboard.home', [$event->id]) }}" class="btn btn-secondary w-35">
                    <i class="ico-chevron-left-wh"></i>
                    Regresar
                </a>
            </form>
        </div>
        <div class="col-md-7 col-right">
            <div class="card card-table">
                <div class="card-header">
                    Boletas asignadas
                    <span class="lbl-totales">
                        <span id="cortesia-cantidad" class="green">{{ intval($tickets_access->total) }}</span>
                        <span id="cortesia-total">/ {{ intval($tickets_total->total) }}</span>
                    </span>
                </div>
                <div class="table-data fields full-height">
                    <table class="table table-striped">
                        <tbody>
                            @foreach ($tickets_added as $ticket)
                                <tr>
                                    <td>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <strong>{{ $ticket->company_name }}</strong>
                                                <p>{{ $ticket->company_email }}</p>
                                            </div>
                                            <div class="col-lg-4">
                                                <strong>({{ $ticket->tickets_sum }}) Boletas</strong>
                                                <p>
                                                    <a data-toggle="collapse" href="#collapseDetalle-{{ $event->id }}-{{ $ticket->person_id }}-{{ $ticket->sent }}-{{ $ticket->active }}" role="button" aria-expanded="false" aria-controls="collapseDetalle-{{ $event->id }}-{{ $ticket->person_id }}-{{ $ticket->sent }}-{{ $ticket->active }}">
                                                        Ver Detalle
                                                    </a>
                                                </p>
                                            </div>
                                            <div class="col-lg-1">
                                                @if ($ticket->sent)
                                                    <i class="fa fa-envelope text-success" aria-hidden="true" data-toggle="tooltip" data-placement="right" title="Correo enviado"></i>
                                                @else
                                                    <i class="fa fa-envelope-o text-secondary" aria-hidden="true" data-toggle="tooltip" data-placement="right" title="Pendiente por enviar"></i>
                                                @endif
                                            </div>
                                            <div class="col-lg-1">
                                                @if (!$ticket->active)
                                                    <i class="fa fa-lock text-danger" aria-hidden="true" data-toggle="tooltip" data-placement="right" title="Acceso cerrado"></i>
                                                @else
                                                    @if (!$ticket->sent && !$ticket->sold)
                                                        <a href="javascript:" class="btn-remove-access-ticket-company text-danger" data-route="{{ route('admin.dashboard.access.destroy.company', [$event->id, $ticket->person_id, $ticket->active, $ticket->sent]) }}" data-toggle="tooltip" data-placement="right" title="Remover acceso">
                                                            <i class="fa fa-window-close" aria-hidden="true"></i>
                                                        </a>
                                                    @else
                                                        <a href="javascript:" class="btn-remove-access-ticket-company text-danger" data-route="{{ route('admin.dashboard.access.destroy.company', [$event->id, $ticket->person_id, $ticket->active, $ticket->sent]) }}" data-toggle="tooltip" data-placement="right" title="Cerrar acceso">
                                                            <i class="fa fa-ban" aria-hidden="true"></i>
                                                        </a>
                                                    @endif
                                                @endif
                                            </div>
                                        </div>
                                        <div class="collapse" id="collapseDetalle-{{ $event->id }}-{{ $ticket->person_id }}-{{ $ticket->sent }}-{{ $ticket->active }}">
                                            <div class="card card-body" style="margin-right: 10px;">
                                                <table class="table">
                                                    <tbody>
                                                        @foreach ($ticket->tickets as $detalle)
                                                            <tr>
                                                                <td>
                                                                    <div class="font-weight-bold">{{ $detalle->name }}</div>
                                                                </td>
                                                                <td>
                                                                    <span class="font-weight-bold">({{ $detalle->qty }}) Boletas</span>
                                                                    <p>({{ $detalle->sold }}) vendidas</p>
                                                                </td>
                                                                <td style="width:30px;">
                                                                    @if (!$ticket->sent)
                                                                        <a href="javascript:" class="btn-remove-access-ticket text-danger" data-route="{{ route('admin.dashboard.access.destroy', [$detalle->id]) }}" data-toggle="tooltip" data-placement="right" title="Remover boletas">
                                                                            <i class="fa fa-window-close" aria-hidden="true"></i>
                                                                        </a>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="card-footer">
                    <button type="button" class="btn btn-primary mx-auto d-block" id="btn-send-access" data-url="{{ route('admin.dashboard.access.send', [$event->id]) }}">
                        Enviar boletas
                    </button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('modals')
    {{-- EMPRESAS --}}
    @include('partials.modals.modalAddCompany')
@endsection

@section('scripts')
    <script src="{{ asset('js/admin/access.js') }}"></script>
@endsection