@extends('template.layoutAdmin', ['activeButton'=>'inventario'])

@section('style')
  <style media="screen">
  .pagination{
    display:inline-block;
    padding-left:0;
    margin: 10px 0 -10px 0;
  }
  .pagination>li{
    display:inline
  }
  .pagination li a,.pagination li span{
    position:relative;
    float:left;
    padding:6px 12px;
    margin: 0 -1px 0 -1px;
    line-height:1.42857143;
    color:#337ab7;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ddd
  }
  .pagination li:first-child a,.pagination li:first-child span{
    margin-left:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
  }
  .pagination li:last-child a,.pagination li:last-child span{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
  }
  .pagination li a:focus,.pagination li a:hover,.pagination li span:focus,.pagination li span:hover{
    z-index:2;
    color:#23527c;
    background-color:#eee!important;
    border-color:#eee;
  }
  .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    z-index:3;
    color:#fff;
    cursor:default;
    background-color:#337ab7!important;
    border-color:#337ab7;
  }
  .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
    color:#777;
    cursor:not-allowed;
    background-color:#fff;
    border-color:#ddd
  }
  .pagination-lg li a,.pagination-lg li span{
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333
  }
  .pagination-lg li:first-child>a,.pagination-lg li:first-child span{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
  }
  .pagination-lg li:last-child a,.pagination-lg li:last-child span{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
  }
  </style>
@endsection

@section('title')
{{  trans('CuadreInventario.CuadreInventario') }}				

@endsection

@section('cabecera')
  
      <h1>
        {{  trans('CuadreInventario.CuadreInventario') }}
        <small>{{ trans('CuadreInventario.mensajeAyuda') }}</small>
      </h1>
   
@endsection

@section('contenido')
    <div class="row">
        <div class="col-12">
            @if(Session::has('message'))
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    😉 {{Session::get('message')}} 😉
                </div>
            @endif
            @if(Session::has('message_error'))
                <div class="alert alert-danger alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    😓 {{Session::get('message_error')}} 😒
                </div>
            @endif
        </div>
        <div class="col-12">
            <div class="box">
                <div class="box-header with-border">
                    <div class="row">
                        <div class="col-md-6">
                            <h3 class="box-title">{{  trans('CuadreInventario.CuadreInventario') }}</h3>
                        </div>
                        <div class="col-md-6 text-right">
                            <a class="btn btn-info btn-sm" data-toggle="collapse" href="#collapseFiltro" role="button" aria-expanded="false" aria-controls="collapseFiltro">
                                <i class="fa fa-filter" aria-hidden="true"></i>
                            </a>
                            <a class="btn btn-info btn-sm"  href="{{route('CuadreInventario.create')}}">
                                <i class="fa fa-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="collapse" id="collapseFiltro">
                        <div class="card card-body">
                            <form action="" method="get">
                                <div class="row">
                                    <div class="col-2"></div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="fechaInicio"> {{  trans('entradas.fechaInicios') }}</label>
                                            <input type="text"
                                                name="fechaInicio"
                                                class="form-control"
                                                id="fechaInicio"
                                                autocomplete="off"
                                                placeholder="{{  trans('entradas.fechaInicios') }}"
                                                value="{{request()->fechaInicio}}">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                      <div class="form-group">
                                          <label for="fechaFinal"> {{  trans('entradas.fechaFinall') }}</label>
                                          <input type="text"
                                              name="fechaFinal"
                                              class="form-control"
                                              id="fechaFinal"
                                              autocomplete="off"
                                              placeholder=" {{  trans('entradas.fechaFinall') }}"
                                              value="{{request()->fechaFinal}}">
                                      </div>
                                    </div>
                                    <div class="col-2"></div>
                                </div>
                                <div class="row">
                                    <div class="col-2"></div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="referencia"> {{  trans('entradas.noReferencia2') }} </label>
                                            <input type="text"
                                                name="referencia"
                                                class="form-control"
                                                autocomplete="off"
                                                placeholder="{{ trans('entradas.noReferenciaPlace') }}"
                                                value="{{request()->referencia}}">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                        <label for="filtroEntradaSalidaAmbas">Estado</label><br>
                                        <select class="form-control" name="filtroEntradaSalidaAmbas" id="filtroEntradaSalidaAmbas">
                                                <option value="general">General</option>
                                                <option value="soloAnulados">Anulados</option>
                                        </select>
                                        </div>
                                    </div>
                                    <div class="col-2"></div>
                                </div>
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <input type="submit" class="btn btn-info btn-sm" value=" {{  trans('entradas.buscar') }}">
                                        @if (count(request()->all()) > 0)
                                            <a href="{{route('CuadreInventario.index')}}"" class="btn btn-danger btn-sm"> {{  trans('entradas.brrFiltro') }}</a>
                                        @endif
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <table class="table table-bordered table-responsive" id="tbActualizar">
                        <thead>
                          <tr>
                            <th class="text-center"> {{  trans('CuadreInventario.Fecha') }}</th>
                            <th class="text-center"> {{  trans('CuadreInventario.referencia') }}</th>
                            <th class="text-center"> {{  trans('CuadreInventario.descripcion') }}</th>
                            <th class="text-center">Estado</th>
                            <th class="text-center"> {{  trans('CuadreInventario.opciones') }}</th>
                          </tr>
                        </thead>
                        <tbody>
                            @if (count($cuadreInventario) > 0)
                                @foreach ($cuadreInventario as $item)
                                    <tr>
                                        <td class="text-center">{{date("d/m/Y H:i", strtotime($item->created_at))}}</td>
                                        <td class="text-center">{{$item->referencia == null ? "-":$item->referencia}}</td>
                                        @if (isset($item->funEntrada[0]))
                                            <td class="text-center">{{$item->funEntrada[0]->descripcion}}</td>
                                        @else
                                            <td class="text-center"> </td>
                                        @endif

                                        <td class="text-center">
                                            @if ($item->state == 2)
                                                <span class="badge" style="background:rgb(111, 22, 184)" > {{  trans('CuadreInventario.anulado') }}</span>
                                            @else
                                                <span class="badge" style="background:green" > Activo</span>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                              <a class="btn btn-warning" href="{{ route('CuadreInventario.show', ['idCuadreInventario'=>$item->idCuadreInventario]) }}"><i class="fa fa-eye"></i></a>
                                            {{-- @if (! ($item->state == 2) )
                                              <a href="javascript:;" onclick="deleteCuadre({{$item->idCuadreInventario}})" class="btn btn-danger"><i class="fa fa-trash"></i></a>
                                            @endif --}}
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td class="text-center" colspan="4"> {{  trans('entradas.noHayRegistroo') }}</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                    {!! $cuadreInventario->appends(Request::all())->links() !!}
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
  <script type="text/javascript">
    $( document ).ready(function() {
      $( "#fechaInicio" ).datepicker({format: 'dd/mm/yyyy'});
      //$("#fechaInicio").datepicker
      $( "#fechaFinal" ).datepicker({format: 'dd/mm/yyyy'});
    });

    function deleteCuadre(idCuadreInventario){

        var host = "{{$_SERVER["HTTP_HOST"]}}";
        var data = {
            "idCuadreInventario": idCuadreInventario
        }
        $.ajax({
            url: UrlHost_+"/administrator/cuadreInventario/delete",
            data: data,
            type: 'post',
            dataType: 'json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            beforeSend: function () {
                
                swal({
                    title: "Cargando...",
                    text: "Espere un momento",
                    showConfirmButton: false
                });
            },
            success: function(response){
                if (response.code == 200) {
                    swal.close();
                    $("#tbActualizar").load(location.href+" #tbActualizar>*","");
                }else{
                    swal("Info!", response.message, "info");
                }
            },
            error: function(xhr){
                
                swal("Error!", " {{  trans('tags.espereUnMomento') }} ", "error");
            }
        });

    }
  </script>
@endsection