@extends('layouts.app')

@section('content')
    <!-- end sidebar menu -->
    <!-- start page content -->
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <!--<div class="pull-left">
                            <div class="page-title text-danger">Sin Sucursal</div>
                        </div>-->
                    <ol class="breadcrumb page-breadcrumb pull-right">
                        <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item"
                                href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Listado de Puestos</li>
                    </ol>
                </div>
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Listado de Puestos</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-9">
                                    <a href="{{ url('puesto/crear') }}" class="btn btn-info mb-3">Crear
                                        Puesto</a>&nbsp;&nbsp;
                                    <a href="{{ url('puestos') }}" class="btn btn-warning mb-3">Limpiar Filtro</a>
                                </div>
                                <div class="tools">
                                    {!! Form::open(['url' => 'puestos', 'method' => 'get', 'id' => 'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="2">
                                    <!-- Example split danger button -->
                                    <div class="btn-group">
                                        <button class="btn btn-default dropdown-toggle" type="button"
                                            data-toggle="dropdown" aria-expanded="false">
                                            <i class="fa fa-filter"></i>
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_todos" onclick="marcarTodos(this)"
                                                        id="chkTodos" checked="">
                                                    <label for="chkTodos">
                                                        <span class="text-primary">Mostrar Todos</span>
                                                    </label>
                                                </div><br>
                                            </a>
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="numero" onclick="chkMarcados()"
                                                        id="chkNumero" checked="">
                                                    <label for="chkNumero">
                                                        #
                                                    </label>
                                                </div><br>
                                            </a>
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_nombre" onclick="chkMarcados()"
                                                        id="chkNombre" checked>
                                                    <label for="chkNombre">
                                                        Nombre
                                                    </label>
                                                </div><br>
                                            </a>
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_administra" onclick="chkMarcados()"
                                                        id="chkAdministra" checked="">
                                                    <label for="chkAdministra">
                                                       Administra Ticket
                                                    </label>
                                                </div><br>
                                            </a>
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_puesto_recibe_tiket" onclick="chkMarcados()"
                                                        id="chkRecibe" checked>
                                                    <label for="chkRecibe">
                                                        Recibe Ticket
                                                    </label>
                                                </div><br>
                                            </a>
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_departamento" onclick="chkMarcados()"
                                                        id="chkDepartamento" checked>
                                                    <label for="chkDepartamento">
                                                       Departamento
                                                    </label>
                                                </div><br>
                                            </a>
                                            <a class="dropdown-item">
                                                <div class="icheck-primary d-inline">
                                                    <input type="checkbox" name="filtro_estado" onclick="chkMarcados()"
                                                        id="chkEstado" checked>
                                                    <label for="chkEstado">
                                                        Estado
                                                    </label>
                                                </div><br>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="btn-group">
                                        <button class="btn btn-default dropdown-toggle" type="button"
                                            data-toggle="dropdown" aria-expanded="false">
                                            Exportar Todo
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item" onclick="generar()"><i
                                                    class="fa fa-file-excel-o"></i>&nbsp;Excel</a>
                                        </div>
                                    </div>

                                </div>


                            </div>
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                            <tr>
                                                <th><b>#</b></th>
                                                <th><b>Nombre</b></th>
                                                <th><b>¿Administra ticket?</b></th>
                                                <th><b>¿Recibe ticket?</b></th>
                                                <th><b>Departamento</b></th>
                                                <th><b>Estado</b></th>
                                                <th><b></b></th>
                                            </tr>
                                            <tr>
                                                <th></th>
                                                <th>
                                                    {!! Form::text('nombre', $nombre, [
                                                        'id' => 'nombre',
                                                        'class' => 'form-control',
                                                        'placeholder' => 'Nombre',
                                                        'onkeyup' => "buscar('nombre')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::select('administra', [1 => 'Si', 0 => 'No'], $administra, [
                                                        'id' => 'administra',
                                                        'placeholder' => '-Seleccionar-',
                                                        'class' => 'form-control select2',
                                                        'style' => 'width: 80%;',
                                                        'onchange' => "buscar('administra')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::select('puesto_recibe_tiket', [1 => 'Si', 0 => 'No'], $puesto_recibe_tiket, [
                                                        'id' => 'puesto_recibe_tiket',
                                                        'placeholder' => '-Seleccionar-',
                                                        'class' => 'form-control select2',
                                                        'style' => 'width: 80%;',
                                                        'onchange' => "buscar('puesto_recibe_tiket')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::select('departamento',
                                                        $departamentos,
                                                        $departamento, [
                                                        'id' => 'departamento',
                                                        'placeholder' => '-Seleccionar-',
                                                        'class' => 'form-control select2',
                                                        'style' => 'width: 80%;',
                                                        'onchange' => "buscar('departamento')",
                                                    ]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::select('estado', [1 => 'Activo', 0 => 'Inactivo'], $estado, [
                                                        'id' => 'estado',
                                                        'placeholder' => '-Seleccionar-',
                                                        'class' => 'form-control select2',
                                                        'style' => 'width: 80%;',
                                                        'onchange' => "buscar('estado')",
                                                    ]) !!}
                                                </th>
                                                <th></th>
                                                {!! Form::close() !!}
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if (count($data) > 0)
                                                @foreach ($data as $key => $item)
                                                    <tr class="gradeX odd" role="row">
                                                        <td>{{ $contador++ }}</td>
                                                        <td>{{ $item->puesto_nombre }}</td>

                                                        <td class="text-center">
                                                            @if ($item->puesto_administra_tiket == 1)
                                                                <span class="text-success">Si</span>
                                                            @else
                                                                <span class="text-warning">No</span>
                                                            @endif
                                                        </td>

                                                        <td class="text-center">
                                                            @if ($item->puesto_recibe_tiket == 1)
                                                                <span class="text-success">Si</span>
                                                            @else
                                                                <span class="text-warning">No</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if ($item->departamento_id != null)

                                                                {{ $item->departamento->departamento_nombre }}
                                                            @else
                                                                <span class="text-danger">(No definido)</span>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            @if ($item->puesto_estado == 1)
                                                                <span class="text-success">Activo</span>
                                                            @else
                                                                <span class="text-warning">Inactivo</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            <div class="btn-group">
                                                                <a href="{{ url('puesto/' . $item->puesto_id . '/ver') }}"
                                                                    class="btn btn-tbl-update btn-xs"
                                                                    data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="Ver">
                                                                    <i class="fa fa-eye"></i>
                                                                </a>
                                                                <a href="{{ url('puesto/' . $item->puesto_id . '/editar') }}"
                                                                    class="btn btn-tbl-update btn-xs"
                                                                    data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="Actualizar">
                                                                    <i class="fa fa-edit"></i>
                                                                </a>
                                                                <a class="btn btn-tbl-update btn-xs text-white"
                                                                    data-bs-toggle="tooltip" data-bs-placement="top"
                                                                    title="Eliminar"
                                                                    onclick="sendDeletePuesto({{ $item->puesto_id }})">
                                                                    <i class="fa fa-trash"></i>
                                                                </a>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="10" class="text-center">No se encontraron resultados.
                                                    </td>
                                                </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                {{ $data->appends(['nombre' => $nombre, 'descripcion' => $descripcion, 'estado' => $estado])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script type="text/javascript">
        function generar() {
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
            $('input[type=checkbox]').prop('checked', true);
        }

        function chkMarcados() {
            console.log('marcar chk');
        }

        function sendDeletePuesto(id) {

            Swal.fire({
                title: '¿Estás seguro de eliminar este puesto?',
                text: "¡Esta acción no se puede revertir!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#dc3545',
                confirmButtonText: 'Si, eliminar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "{{ url('puesto') }}/" + id,
                        type: 'PUT',
                        data: {
                            "_token": "{{ csrf_token() }}",
                        },
                        success: function(response) {

                            Swal.fire({
                                title: '¡Eliminado!',
                                text: 'El puesto ha sido eliminado.',
                                icon: 'success',
                                confirmButtonText: 'Aceptar'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href = "{{ url('puestos') }}";
                                }
                            })

                        },
                        error: function(data) {
                            Swal.fire({
                                title: '¡Error!',
                                text: 'El puesto no ha sido eliminado.',
                                icon: 'error',
                                confirmButtonText: 'Aceptar'
                            })
                        }
                    });
                }
            })


        }

        function limpiar() {
            $('#nombre').val('');
            $('#puesto_recibe_tiket').val('').change();;
            $('#administra').val('').change();;
            $('#estado').val('').change();
            $('#departamento').val('').change();

            document.getElementById("frmFiltros").submit();
        }


        function buscar(tipo) {

            $('#accion').val(1);
            var textoSelect = $('#' + tipo).val();
            const ENTER_KEY_CODE = 13;

            switch (tipo) {
                case 'nombre':
                document.querySelector('#nombre').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;
                case 'descripcion':
                    if (textoSelect.length > 3) {
                        //    document.getElementById("frmFiltros").submit();
                    }
                    break;
                default:
                    document.getElementById("frmFiltros").submit();
                    break;
            }

        }

        function marcarTodos(o) {
            var boxes = document.getElementsByTagName("input");
            for (var x = 0; x < boxes.length; x++) {
                var obj = boxes[x];
                    if (obj.type == "checkbox") {
                        if (obj.name != "check")
                    obj.checked = o.checked;
                    }
                }
            }
    </script>
@endsection