@extends('layouts.app')

@section('content')

    <!-- end sidebar menu -->
    <!-- start page content -->

    <div class="page-content-wrapper">
        <div class="page-content" style="min-height:1200px">
            <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">Lotes</li>
                    </ol>
                </div>
            </div>


             <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-lg-12 col-lg-12">
                    <div class="card  card-box">
                        <div class="card-head">
                            <header>Lotes</header>
                        </div>
                        <div class="card-body ">
                            <div class="row">
                                

                                <div class="col-11">
                                    <a class="btn btn-success" href="{{ url('lote') }}"><i class="fa fa-plus"></i> Crear Lote</a>
                                    <a class="btn btn-primary" href="{{ url('categorias') }}"><i class="fa fa-gears"></i> Categorías</a>
                                    <a  onclick="limpiar()"  class="btn btn-warning" href="#"><i class="fa fa-filter"></i> Limpiar Filtros</a>

                                 </div>


                                <div class="tools pull-right">

                                    {!! Form::open(['url' => 'lotes','method'=>'get','id'=>'frmFiltros']) !!}
                                    <input type="hidden" id="accion" name="accion" value="2">

                                    <div class="btn-group">

                                        <div class="btn-group">
                                            <a href="{{url('lotes')}}" class="btn btn-default dropdown-toggle">
                                                <i class="fa fa-repeat"></i>
                                            </a>
                                        </div>


                                    </div>
                                        <a class="btn btn-primary" onclick="generar()"><i class="fa fa-download"></i></a>

                                </div>
                            </div><br>

                            <div class="table-wrap">
                                <div class="table-responsive table-bordered">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                        <tr>
                                            <th><b>#</b></th>
                                            <th><b>Código</b></th>
                                            <th><b>Camposanto</b></th>
                                            <th><b>Bloque</b></th>
                                            <th><b>Terraza</b></th>
                                            <th><b>Fila</b></th>
                                            <th><b>Lote</b></th>
                                            <th><b>Estado</b></th>
                                            <th></th>
                                        </tr>

                                        <tr>
                                            <th>   </th>
                                            <th>
                                                
                                                {!! Form::text('lote',$lote,['id'=>'lote','class'=>'form-control','placeholder'=>'Lote','onchange '=>"buscar('lote')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::select('camposanto',$camposantos,$camposanto,['id'=>'camposanto','class'=>'form-control select2','placeholder'=>'Seleccionar','onchange '=>"buscar('camposanto')"]) !!}
                                            </th>
                                            <th>
                                               {{--  {!! Form::select('bloque',$bloques,$bloque,['id'=>'bloque','class'=>'form-control','placeholder'=>'Seleccionar','onchange '=>"buscar('bloque')"]) !!} --}}
                                            </th>
                                            <th>
                                                {!! Form::text('terraza',$terraza,['id'=>'terraza','class'=>'form-control','placeholder'=>'Terraza']) !!}
                                            </th>
                                            <th>
                                                {!! Form::select('fila',$filas,$fila,['id'=>'fila','class'=>'form-control select2','placeholder'=>'Seleccionar','onchange '=>"buscar('fila')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::text('codigo',$codigo,['id'=>'codigo','class'=>'form-control ' ,'placeholder'=>'Código','onchange '=>"buscar('codigo')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::select('estado',['Disponible' =>'Disponible','Reservado'=>'Reservado','Vendido'=>'Vendido'],$estado,['id'=>'estado','class'=>'form-control','placeholder'=>'Seleccionar','onchange '=>"buscar('estado')"]) !!}
                                            </th>
                                            <th></th>
                                            {!! Form::close() !!}
                                        </tr>

                                        <tbody>

                                            @if(count($data)>0)
                                                @foreach($data as $item)
                                                <tr>
                                                    <input type="hidden" id="lote_id" value="{{ $item->lote_id }}">
                                                    <td>{{ $contador++ }}</td>
                                                    <td>{{ $item->lote_id }}</td>
                                                    <td>{{ $item->camposanto_nombre }}</td>
                                                    <td>
                                                        @if ($item->lote_blque_id)
                                                            {{ $item->lote_blque_id }}
                                                        @else
                                                            No definido
                                                        @endif
                                                    </td>
                                                    <td>{{ $item->lote_terraza }}</td>
                                                    <td>{{ $item->lote_fila }}</td>

                                                    @if ($item->lote_codigo)
                                                        <td>{{ $item->lote_codigo }}</td>
                                                    @else
                                                        <td>No definido</td>
                                                    @endif

                                                    @if ($item->lote_estado == 'Disponible')
                                                        <td>Disponible</td>
                                                    @elseif($item->lote_estado == 'Reservado')
                                                        <td>Reservado</td>
                                                    @else
                                                        <td>Vendido</td>
                                                    @endif
                                                    <td>
                                                        <div class="btn-group">

                                                            <a href="{{ url('lote/'.$item->lote_id) }}" class="btn btn-tbl-update btn-xs">
                                                                <i class="fa fa-eye"></i>
                                                            </a>
                                                            <a href="{{ url('lote/'.$item->lote_id.'/edit') }}" class="btn btn-tbl-update btn-xs">
                                                                <i class="fa fa-pencil"></i>
                                                            </a>
                                                            
                                                            <a 
                                                            class="btn btn-tbl-delete btn-xs text-white"
                                                            data-bs-toggle="tooltip"
                                                            data-bs-placement="top"
                                                            title="Eliminar"
                                                        
                                                            onclick="deleteLote()"
                                                            >
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                        </div>
                                                    </td>
                                                </tr>

                                                @endforeach
                                            @else
                                            <tr>
                                                <td colspan="8" 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(['codigo'=>$codigo,'camposanto'=>$camposanto, 'bloque'=>$bloque,'terraza'=>$terraza,'fila'=>$fila,'lote'=>$lote, '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();
        }

        function limpiar(){
            $('#codigo').val('');
            $('#camposanto').val('').change();
            
            $('#terraza').val('');
            $('#fila').val('');
            $('#lote').val('');
            $('#fila').val('');

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

        function deleteLote(){
            let lote = document.getElementById('lote_id').value;
            /* question Swal */
            Swal.fire({
                title: '¿Está seguro de eliminar el lote?',
                text: "¡Esta acción no se puede revertir!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',

                confirmButtonText: 'Si, eliminar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: "{{ url('lote') }}/"+lote,
                        type: 'DELETE',
                        data: {
                            "_token": "{{ csrf_token() }}",
                        },
                        success: function (data) {
                            Swal.fire({
                                title: 'Eliminado!',
                                text: 'El lote ha sido eliminado.',
                                icon: 'success',
                                confirmButtonText: 'Aceptar'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            })
                        },
                        error: function (data) {
                            Swal.fire({
                                title: 'Error!',
                                text: 'El lote no ha sido eliminado.',
                                icon: 'error',
                                confirmButtonText: 'Aceptar'
                            })
                        }
                    });
                }
            })
        }

        function buscar(tipo){

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

            switch(tipo){

                case 'codigo':
                    document.querySelector('#codigo').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;
                case 'lote':
                    document.querySelector('#lote').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                break;




                default:
                    document.getElementById("frmFiltros").submit();
                break;
            }

        }

        $(document).keypress(function(event){
  var keycode = (event.keyCode ? event.keyCode : event.which);
  if(keycode == '13'){
    buscar();
  }
});

    </script>
@endsection