@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 boletas de cortesía</h6>

            <form id="frm-courtesy"  method="POST" class="form-ajax"
                action="{{ route('admin.dashboard.courtesy.store', [$event->id]) }}"
                data-return="{{ route('admin.dashboard.courtesy', [$event->id]) }}"
                data-check="{{ route('admin.dashboard.courtesy.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>
                <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 }} ({{ $item->available_courtesy_tickets }})</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>
                <a href="javascript:" class="btn btn-light btn-sm mx-auto d-block" id="btn-add-boleta">Agregar boleta</a>
                <hr>
                <div class="clearfix"></div>
                <button type="submit" class="btn btn-primary w-65">
                    <i class="ico-check-wh"></i>
                    Guardar y enviar boletas
                </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 de cortesía asignadas
                    <span class="lbl-totales">
                        <span id="cortesia-cantidad" class="green">{{ intval($tickets_total->assigned) }}</span>
                        <span id="cortesia-total">/ {{ intval($tickets_total->total) }}</span>
                    </span>
                </div>
                <div class="table-data fields full-height no-footer">
                    <table class="table table-striped">
                        <tbody>
                            @foreach ($tickets_added as $ticket)
                                <tr>
                                    <td>
                                        <strong>{{ $ticket->company_name }}</strong>
                                        <p>{{ $ticket->company_email }}</p>
                                    </td>
                                    <td>
                                        {{ $ticket->qty }} Boletas
                                        <p>{{ $ticket->ticket_name }}</p>
                                    </td>
                                    <td style="width:50px;" class="align-middle">
                                        <a href="javascript:" class="btn-remove-courtesy-ticket text-danger" data-route="{{ route('admin.dashboard.courtesy.destroy', [$ticket->id]) }}">
                                            <i class="fa fa-window-close" aria-hidden="true"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

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

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