@extends('layouts.app')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet"/>
@endpush

@section('content')
    <nav class="page-breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Invitados</a></li>
            <li class="breadcrumb-item active" aria-current="page">principal</li>
        </ol>
    </nav>

    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <h6 class="card-title">Invitados: {{$evento->descripcion}}</h6>


                    <a href="{{route('invitados.create_by_event', $evento->id)}}" class="btn btn-primary btn-sm">
                        <i data-feather="plus-circle"></i>
                    </a>
                    <a href="{{route('invitados.import', $evento->id)}}" class="btn btn-primary btn-sm">
                        <i data-feather="upload"></i>
                    </a>
                    <a href="{{route('asignacion.xlsx', $evento->id)}}" class="btn btn-primary btn-sm">
                        <i data-feather="file-text"></i>
                    </a>
                    <a href="{{route('evento.pdf', $evento->id)}}" class="btn btn-primary btn-sm">
                        <i data-feather="printer"></i>
                    </a><br><br>
                    {{--                                        <p class="text-muted mb-3">Read the <a href="https://datatables.net/" target="_blank"> Official DataTables Documentation </a>for a full list of instructions and other options.</p>--}}
                    <div class="table-responsive">
                        {!! Form::open(['route' => ['limpiarlugares'], 'method' => 'POST', 'files' => true, 'role' => 'form', 'id' => '']) !!}

                        <br>
                        <div class="col-lg-12" align="left">
                            <div class="form-group">
                                {{ Form::button('Desasignar', ['type' => 'submit', 'class' => 'btn btn-primary btn-sm']) }}
                            </div>
                        </div>
                        <br>
                        <table id="dataTableEAsiste" class="table">
                            <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Cargo</th>
                                <th>Entidad</th>
                                <th>Codigo Verificacion</th>
                                <th>¿Puede confirmar?</th>
                                <th>Validacion</th>
                                <th>Lugar</th>
                                <th>Desasignar</th>
                                <th>Acciones</th>

                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($invitados as $item)
                                <tr>
                                    <td>{{$item->nombre}}</td>
                                    <td>{{$item->cargo}}</td>
                                    <td>{{$item->entidad}}</td>
                                    <td>{{$item->codigo_verificacion}}</td>
                                    <td>
                                        @if($item->visualizacion == 1)
                                            Si
                                        @else
                                            No
                                        @endif
                                    </td>
                                    <td>
                                        {{--                                        @dd($item->isInvitado)--}}
                                        @if($item->isInvitado && $item->visualizacion == 1)
                                            <div class="form-check form-switch mb-2">
                                                <input type="checkbox" class="form-check-input check-dip"
                                                       id="activar" data-id="{{$item->id}}"
                                                       @if($item->confirmacion == 1)
                                                           checked
                                                    @endif>
                                                <label class="form-check-label" for="formSwitch1"></label>
                                            </div>
                                        @endif
                                    </td>
                                    <td>
{{--                                        @if($item->confirmacion == 1)--}}
{{--                                            Si--}}
{{--                                        @else--}}
{{--                                            No--}}
{{--                                        @endif--}}

                                        @if($item->asignacion()->first() !=  null)
                                            {{--                                        @if(isset($item->asignacion->asiento))--}}
                                            {{$item->asignacion->asiento}}
                                        @endif
                                    </td>
                                    <td>
                                        @if($item->asignacion()->first() !=  null)
{{--                                            <a href="#" data-id="{{route('invitados.cancel', $item->id)}}"--}}
{{--                                               class="cancel-seat">--}}
{{--                                                <i data-feather="user-minus"></i>--}}
{{--                                            </a>--}}
                                            <div class="form-check form-check-inline">
                                                {{ Form::checkbox($item->id, 1 . ',' . $item->id . ',' . $item->id, false, ['class' => 'form-check-input', 'id' => $item->id]) }}
{{--                                                {{ Form::label($i->id_usuario, 'Autorizar', ['class' => 'form-check-label']) }}--}}
                                            </div>
                                        @endif
                                    </td>
                                    <td>
                                        <a href="{{route('invitados.edit', $item->id)}}">
                                            <i data-feather="edit"></i>
                                        </a>
{{--                                        @if($item->asignacion()->first() !=  null)--}}
{{--                                            <a href="#" data-id="{{route('invitados.cancel', $item->id)}}"--}}
{{--                                               class="cancel-seat">--}}
{{--                                                <i data-feather="user-minus"></i>--}}
{{--                                            </a>--}}
{{--                                        @endif--}}
                                        <form method="post" action="{{route('invitados.destroy', $item->id)}}">
                                            @method('delete')
                                            @csrf
                                            <a href="#" class="delete">
                                                <i data-feather="trash"></i>
                                            </a>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
    <script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/data-table.js') }}"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#dataTableEAsiste').DataTable();
            var table = new DataTable('#dataTableEAsiste');
            table
                .column('6:visible')
                .order('desc')
                .draw();
        });
        $(".check-dip").click(function () {
            var invitado = $(this).data("id");
            let check = $(this).is(":checked");
            let status;
            if (check) {
                status = 1;
            } else {
                status = 0;
            }

            $.ajax({
                type: 'GET',
                data: {
                    status,
                    invitado
                },
                url: "{{ url('confirmacion') }}",
                success: function (response) {
                    console.log('succ');
                    // location.reload();
                }, error: function (xhr, status, error) {
                }
            });
        })
        $(".cancel-seat").click(function () {
            Swal.fire({
                title: 'Advertencia',
                text: "¿Deseas eliminar la asignación?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Aceptar!',
                cancelButtonText: 'Cancelar!'
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = $(this).data("id");
                }
            })
        });
        $(".delete").click(function () {
            Swal.fire({
                title: 'Advertencia',
                text: "¿Deseas eliminar invitado?",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Aceptar!',
                cancelButtonText: 'Cancelar!'
            }).then((result) => {
                if (result.isConfirmed) {
                    $(this).parent().submit();
                }
            })
        });

        @if(session("cancel"))
        Swal.fire({
            title: 'Exito',
            text: "Se ha cancelado la asignación",
            icon: 'success',
            showConfirmButton: false,
            timer: 1500
        })
        @endif
        @if(session("desasignado"))
        Swal.fire({
            title: 'Exito',
            text: "Se ha desasignado",
            icon: 'success',
            showConfirmButton: false,
            timer: 1500
        })
        @endif
    </script>

@endpush