@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('bodega.bodegas') }}
@endsection

@section('cabecera')
    <h1>
        {{ trans('bodega.bodegas') }}
        <small>{{ trans('bodega.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('bodega.listaBodega') }}</h3>
                        </div>
                        <div class="col-md-6 text-right">
                            {{-- <a class="btn btn-info" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                         <i class="fa fa-filter" aria-hidden="true"></i>
                            </a> --}}
                            <a href="javascript:;" data-toggle="modal" data-target="#informeExistenciaBodegas"
                                class="btn btn-info" data-toggle="tooltip" title="Informe existencia bodegas">Existencias en
                                bodegas <i class="fa fa-cube"></i></a>
                            @sidebar('bodegas.ajax.store')
                                <a href="javascript:;" data-toggle="modal" data-target="#crearBodega" class="btn btn-info"
                                    data-toggle="tooltip" title="Agregar Bodega"><i class="fa fa-plus"></i></a>
                            @endsidebar
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="col-12">
                        <div class="collapse" id="collapseExample">
                            <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('bodega.fechaInicio') }}</label>
                                                <input type="text" name="fechaInicio" class="form-control"
                                                    id="fechaInicio" autocomplete="off"
                                                    placeholder="{{ trans('bodega.rangoFecha') }}">
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="fechaFinal"> {{ trans('bodega.fechaFinal') }}</label>
                                                <input type="text" name="fechaFinal" class="form-control" id="fechaFinal"
                                                    autocomplete="off" placeholder="{{ trans('bodega.rangoFecha') }}">
                                            </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="nombre"> {{ trans('bodega.nombre') }}</label>
                                                <input type="text" name="nombre" class="form-control" autocomplete="off"
                                                    placeholder="{{ trans('bodega.nombre') }}">
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group">
                                                <label for="idTipoT"> {{ trans('bodega.tipoPedido') }}</label>
                                                <select c>
                                                    <option value=""> {{ trans('bodega.seleccionar') }}</option>
                                                    {{-- @foreach ($tipoPedidos as $tipoPedido)
                                                      <option value="{{$tipoPedido->idValorParametro}}">{{$tipoPedido->nombre}}</option>
                                                    @endforeach --}}
                                                </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="Buscar">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <table class="table table-bordered table-responsive" id="tbActualizar">
                        <thead>
                            <tr>
                                {{-- <th class="text-center">ID</th> --}}
                                <th class="text-center">{{ trans('bodega.nombre') }}</th>
                                <th class="text-center">{{ trans('bodega.descripcion') }}</th>
                                <th class="text-center"> {{ trans('bodega.estado') }}</th>
                                <th class="text-center"> {{ trans('bodega.opciones') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (count($bodegas) > 0)
                                @foreach ($bodegas as $bodega)
                                    <tr>
                                        {{-- <td class="text-center">{{$bodega->idBodega}}</td> --}}
                                        <td class="text-center">{{ $bodega->nombre }}</td>
                                        <td class="text-center">{{ $bodega->descripcion }}</td>
                                        <td class="text-center">
                                            @if ($bodega->state == 1)
                                                <a href="javascript:;"
                                                    onclick="estadoBodega(0,{{ $bodega->idBodega }})"><span
                                                        class="badge badge-info">{{ trans('bodega.activo') }}</span></a>
                                            @else
                                                <a href="javascript:;"
                                                    onclick="estadoBodega(1,{{ $bodega->idBodega }})"><span
                                                        class="badge badge-danger">{{ trans('bodega.inactivo') }}</span></a>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            <a href="javascript:;" onclick="editarBodega({{ $bodega->idBodega }})"
                                                class="btn btn-sm btn-info"><i class="fa fa-pencil-square-o"></i></a>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td class="text-center" colspan="5"> {{ trans('bodega.noHayRegistro') }}
                                    </td>
                                </tr>
                            @endif
                            {{-- @foreach ($dataPedido as $item)
                            <tr>
                                <td class="text-center">{{$item->fecha}}</td>
                                <td class="text-center">@if ($item->pedidoUser) {{$item->pedidoUser->nombre}} {{$item->pedidoUser->apellido}} @else  {{  trans('bodega.clienteGenerico') }}
                                    @endif</td>
                                <td class="text-center">
                                  <span class="badge" style="background: {{$item->funEstado->refValor}}">{{$item->funEstado->nombre}}</span>
                                </td>
                                <td class="text-center">
                                    <span class="badge" style="background: {{$item->funTipo->refValor}}">{{$item->funTipo->nombre}}</span>
                                </td>
                                <td class="text-center">
                                    <a href="{{route('detallePedidos', $item->idPedido)}}" class="btn btn-info"><i class="fa fa-eye"></i></a>
                                </td>
                            </tr>
                          @endforeach --}}
                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>
    {{-- Crear Bodega --}}
    <div class="modal fade" id="crearBodega" tabindex="-1" role="dialog" aria-labelledby="crearBodegaLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="crearBodegaLabel">
                        {{ trans('bodega.crearBodega') }}
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="formBodega" action="post">
                        <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>)
                            {{ trans('template.obligatorios') }}</small>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="nombre">
                                        {{ trans('bodega.nombre') }}
                                        <span class="text-danger">*</span></label>
                                    <input type="text" name="nombre" id="nombre" class="form-control"
                                        maxlength="40" required onkeyup="slugCat(this.value, 2)"
                                        placeholder="{{ trans('bodega.nombre') }}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="descripcion">
                                        {{ trans('bodega.descripcion') }}
                                    </label>
                                    <input type="text" name="descripcion" class="form-control" maxlength="100"
                                        id="descripcion" required autocomplete="off"
                                        placeholder="{{ trans('bodega.descripcion') }}">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer text-center">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal"> {{ trans('bodega.cerrar') }}
                    </button>
                    <button onclick="crearBodega()" type="button" class="btn"
                        style="background: #DB3920;color:#FFF;"> {{ trans('bodega.guardar') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- Editar Bodega --}}
    <div class="modal fade" id="editarBodega" tabindex="-1" role="dialog" aria-labelledby="editarBodegaLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="editarBodegaLabel"> {{ trans('bodega.editarBodega') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form id="formBodegaE" action="post">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="nombreE"> {{ trans('bodega.nombre') }} <span
                                            class="text-danger">*</span></label>
                                    <input type="text" name="nombreE" id="nombreE" maxlength="40"
                                        class="form-control" required onkeyup="slugCat(this.value, 2)"
                                        placeholder="{{ trans('bodega.nombre') }}">
                                    <input type="hidden" name="idBodega" id="idBodega">
                                </div>
                            </div>
                            {{-- <div class="col-md-6">
                                <div class="form-group">
                                    <label for="nombre">
                                        {{ trans('bodega.nombre') }}
                                        <span class="text-danger">*</span></label>
                                    <input type="text" name="nombre" id="nombre" class="form-control"
                                        maxlength="40" required onkeyup="slugCat(this.value, 2)"
                                        placeholder="{{ trans('bodega.nombre') }}">
                                </div>
                            </div> --}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="descripcionE"> {{ trans('bodega.descripcion') }}</label>
                                    <input type="text" name="descripcionE" maxlength="100" class="form-control"
                                        id="descripcionE" required autocomplete="off"
                                        placeholder="{{ trans('bodega.descripcion') }}">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer text-center">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        {{ trans('bodega.cerrar') }}</button>
                    <button onclick="actualizarBodega()" type="button" class="btn"
                        style="background: #DB3920;color:#FFF;"> {{ trans('bodega.guardar') }}</button>
                </div>
            </div>
        </div>
    </div>
    {{-- Existencia en Bodega --}}
    <div class="modal fade" id="informeExistenciaBodegas" tabindex="-1" role="dialog"
        aria-labelledby="informeExistenciaBodegasLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="max-width: 1350px!important;" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="informeExistenciaBodegasLabel">
                        Existencia en bodegas
                    </h5>
                    {{-- <i class="fa fa-file-pdf-o btn btn-sm btn-primary"  onclick="exportarPdf()"> </i> --}}
                    {{-- <button class="btn btn-primary form-control" style="background: #DB3920; border:#DB3920;" >
                        <i class="fa fa-file-pdf-o "></i>
                        PDF</button> --}}
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div id="tbExistenciaBodegas">
                        <table class="table table-bordered table-responsive table-striped"
                            style=" display: block; overflow: auto;" cellspacing="0"id="tbExistenciaBodegass">
                            <thead>
                                <tr>
                                    <th class="text-center">Producto</th>
                                    @foreach ($bodegas as $bodega)
                                        <th class="text-center">{{ $bodega->nombre }}</th>
                                    @endforeach
                                    <th class="text-center"> Total existencia</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (count($productosInventario) > 0)
                                    {{-- Esto es un asco, lo sé. Tener 3 capas de foreach es un pecado capital contra la optimizacion
                            pero... es mi ultima semana xd, suerte para quien le toque arreglarlo xd --}}
                                    @foreach ($productosInventario as $productoInventario)
                                        <tr>
                                            <td class="text-center">{{ $productoInventario->presentacion }}</td>
                                            @foreach ($bodegas as $bodega)
                                                <td class="text-center">
                                                    @foreach ($productoInventario->relExistenciaBodega as $existBodg)
                                                        @if (isset($existBodg->existenciaUnidad))
                                                            @if ($existBodg->idBodega == $bodega->idBodega && $existBodg->existenciaUnidad != null)
                                                                {{ $existBodg->existenciaUnidad }}
                                                            @else
                                                                @if ($existBodg->existenciaUnidad == null)
                                                                    0
                                                                @endif
                                                            @endif
                                                        @endif
                                                    @endforeach
                                                    {{ $productoInventario->funForma->nombre }}
                                                </td>
                                            @endforeach
                                            <td class="text-center">{{ $productoInventario->existenciaUnidad }}</td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td class="text-center" colspan="6"> {{ trans('bodega.noHayRegistro') }}
                                        </td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="{{ asset('assets/plugins/html2pdf/dist/html2pdf.bundle.min.js') }}"></script>
@endsection

@section('js')
    <script type="text/javascript">
        $(document).ready(function() {
            $("#fechaInicio").datepicker({
                format: 'dd/mm/yyyy'
            });
            //$("#fechaInicio").datepicker
            $("#fechaFinal").datepicker({
                format: 'dd/mm/yyyy'
            });
        });
        var datehoy = new Date();
        var fecha = datehoy.getDate() + "_" + (datehoy.getMonth() + 1) + "_" + datehoy.getFullYear();

        function exportarPdf() {
            const options = {
                margin: 0.4,
                filename: 'Existencias_en_bodegas_' + fecha,
                image: {
                    type: 'jpeg',
                    quality: 0.4
                },
                jsPDF: {
                    unit: 'in',
                    format: 'letter',
                    orientation: 'portrait'
                }
            }
            const encabezado = ' <div style="background: #DB3920 ; text-align: center;">' +
                '<img src="{{ asset('images/logo.png') }}" alt="" width="200px">' +
                '</div>'
            const element = document.getElementById('tbExistenciaBodegas').innerHTML;
            //   const filtro = document.getElementById('filtros').innerHTML;
            console.log(element);
            html2pdf().from(element).set(options).save();
        }

        function crearBodega() {
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            var formData = new FormData(document.getElementById("formBodega"));
            $.ajax({
                url: UrlHost_ + "/administrator/bodegas/ajax/store",
                data: formData,
                type: 'post',
                dataType: 'json',
                processData: false,
                contentType: false,
                cache: false,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    swal({
                        title: " {{ trans('aforo.cargando') }}	",
                        text: " {{ trans('aforo.espereUnMomento') }}",
                        showConfirmButton: false
                    });
                },
                success: function(response) {
                    if (response.code == 200) {
                        swal.close();
                        $("#formBodega")[0].reset();
                        $("#tbActualizar").load(location.href + " #tbActualizar>*", "");
                        $("#crearBodega").modal('hide');
                    } else {
                        swal("Info!", response.message, "info");
                    }
                },
                error: function(xhr) {
                    swal("Error!", " {{ trans('aforo.errorIntenteloMasTarde') }}", "error");
                }
            });
        }

        function editarBodega(idBodega) {
            var data = {
                "idBodega": idBodega
            }
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            $.ajax({
                url: UrlHost_ + "/administrator/bodegas/ajax/editar",
                data: data,
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    swal({
                        title: " {{ trans('aforo.cargando') }}	",
                        text: " {{ trans('aforo.espereUnMomento') }}",
                        showConfirmButton: false
                    });
                },
                success: function(response) {
                    if (response.code == 200) {
                        swal.close();
                        $("#idBodega").val(idBodega);
                        $("#editarBodega").modal('show');
                        $("#nombreE").val(response.data.nombre);
                        $("#descripcionE").val(response.data.descripcion);
                    } else {
                        swal("Info!", response.message, "info");
                    }
                },
                error: function(xhr) {
                    swal("Error!", " {{ trans('aforo.errorIntenteloMasTarde') }}", "error");
                }
            });
        }

        function actualizarBodega() {
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            if ($("#nombreE").val() != '') {
                var formData = new FormData(document.getElementById("formBodegaE"));
                $.ajax({
                    url: UrlHost_ + "/administrator/bodegas/ajax/update",
                    data: formData,
                    type: 'post',
                    dataType: 'json',
                    processData: false,
                    contentType: false,
                    cache: false,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function() {
                        swal({
                            title: " {{ trans('aforo.cargando') }}	",
                            text: " {{ trans('aforo.espereUnMomento') }}",
                            showConfirmButton: false
                        });
                    },
                    success: function(response) {
                        if (response.code == 200) {
                            swal.close();
                            $("#formBodegaE")[0].reset();
                            $("#tbActualizar").load(location.href + " #tbActualizar>*", "");
                            $("#editarBodega").modal('hide');
                        } else {
                            swal("Info!", response.message, "info");
                        }
                    },
                    error: function(xhr) {
                        swal("Error!", " {{ trans('aforo.errorIntenteloMasTarde') }}", "error");
                    }
                });
            } else {
                swal("Info!", "Los campos no pueden estar vacio", "info");
            }
        }

        function estadoBodega(estado, idBodega) {
            var data = {
                "idBodega": idBodega,
                "estado": estado
            }
            var host = "{{ $_SERVER['HTTP_HOST'] }}";
            $.ajax({
                url: UrlHost_ + "/administrator/bodegas/ajax/changeEstado",
                data: data,
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function() {
                    swal({
                        title: " {{ trans('aforo.cargando') }}	",
                        text: " {{ trans('aforo.espereUnMomento') }}",
                        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('aforo.errorIntenteloMasTarde') }}", "error");
                }
            });
        }
    </script>
@endsection