@extends('masushuaia.plantilla')
@section('titulo', 'Turistas')
@section('scripts')
        <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
    <script src="{{ asset('js/datatables.min.js') }}"></script>
@endsection
@section('breadcrumb')
    <div class="text-right inline pr-0">
        <a class="btn-blue py-1 px-4" href="/beneficiario/nuevo">Nuevo beneficiario</a>
        <a class="btn-blue py-1 px-4" href="/turistas">Recargar</a>
    </div>
@endsection
@section('breadcrumb-list')
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Inicio</a></li>
        <li class="breadcrumb-item active">Turistas</li>
    </ol>
@endsection
@section('contenido')
    <div class="row mb-3">
        <div class="col-12 col-sm-6 text-center">
            <div class="card-estadisticas reporte1 p-4">
                <h2 id="cantidadBeneficiariosInscriptos">
                    {{ isset($cantidadBeneficiariosInscriptos) ? $cantidadBeneficiariosInscriptos : 0 }}</h2>
                <span>Total turistas</span>
            </div>
        </div>
    </div>

    <div class="col-12">
        <div id="msg"></div>
        @if (isset($msg))
            <script>
                msgShow('{{ $msg['MSG'] }}', '{{ $msg['ESTADO'] }}');
            </script>
        @endif
    </div>

    <table id="grilla" class="display">
        <thead>
            <tr>
                <th></th>
                <th>Nombre</th>
                <th>Apellido</th>
                <th>Correo</th>
                <th>Días en Ushuaia</th>
                <th>Origen</th>
                <th>Destino</th>
                <th>Acci&oacute;n</th>
            </tr>
        </thead>
    </table>


    <script>
        var dataTable = $('#grilla').DataTable({
            "processing": true,
            "serverSide": true,
            "bFilter": true,
            "bInfo": true,
            "bSearchable": true,
            "pageLength": 25,
            "order": [
                [1, "asc"]
            ],
            "ajax": "{{ route('turista.cargarGrilla') }}"
        });

        function fAccion(idBeneficiario) {
            accion = $("#lstAccionBeneficiario_" + idBeneficiario + " option:selected").val();
            $.ajax({
                type: "GET",
                url: "/turista/accion",
                data: {
                    accion: accion,
                    idbeneficiario: idBeneficiario
                },
                async: true,
                dataType: "json",
                success: function({
                    code,
                    msg
                }) {
                    if (code == 200) {
                        msgShow(msg, "success");
                    } else {
                        msgShow(msg, "danger");
                    }
                    $("#grilla").DataTable().ajax.reload();
                }
            });
        }
    </script>
@endsection