@extends('layouts.dashboard')

@section('dashboard')
    <ul class="breadcrumb m-0 p-0">
        <li><a href="/dashboard">Home</a></li>
        <li><strong>Lista de precios</strong></li>
    </ul>
    <div class="row align-items-center mb-4">
        <div class="col-md-auto">
            <h1 class="titulo-h1">Lista de precios</h1>
        </div>
        <div class="col-md-auto">
            <div class="dropdown">
                <button class="btn btn-info btn-sm dropdown-toggle" type="button" id="dropdownMenuButton-1"
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Opciones</button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton-1">
                    <a class="dropdown-item small" href="{{ route('crear-lista-de-precios') }}">
                        Nueva Lista de precios
                    </a>
                </div>
            </div>

        </div>

        {{-- <div class="col-md">
            <form class="d-flex align-items-end justify-content-end form-registro form-enter" method="post"
                id="form-filtro" onsubmit="return buscarTomaInventario(this)">
                <div class="form-group pr-2 agregar-fecha-dia">
                    <label for="tipo-fecha" class="d-block small mb-0">Fecha</label>
                    <input type="date" name="fecha" class="form-control form-control-sm form-control form-control-sm-sm input-date" id="fechaInput">
                </div>

                <div class="col col-md-auto form-group pr-md-0">
                    <input type="hidden" name="tipo-de-movimiento" value="1">
                    <button type="submit" class="btn btn-primary btn-sm blq-btn" id="btn-filtrar" style=""><i
                            class="fa fa-search"></i> Filtrar</button>
                </div>
            </form>
        </div> --}}
    </div>

    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover" id="list-productos-desglose-stock">
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>Tipo de Ajuste</th>
                            <th class="text-center">%</th>
                            <th class="text-center">Fecha de Creación</th>
                            <th class="text-center">Estado</th>
                            <th class="text-center">¿Depende de Lista Base?</th>
                            <th class="text-center">Validez (desde / hasta)</th>
                            <th class="text-center">Acciones</th>
                        </tr>
                    </thead>

                    <tbody class="tbody-movimiento-producto">
                        @if (!$listasDePrecios->isEmpty())
                            @foreach ($listasDePrecios as $listaDePrecios)
                            <tr class="tr-lista-precio-{{$listaDePrecios->lista_precio_id}}">
                                <td>{{$listaDePrecios->nombre_lista}}</td>
                                <td class="text-capitalize">{{$listaDePrecios->tipo_ajuste}}</td>
                                <td class="text-center">{{$listaDePrecios->porcentaje * 100}}</td>
                                <td class="text-center">{{\FCR::solo_fecha($listaDePrecios->created_at)}}</td>
                                <td class="text-capitalize text-center">{{$listaDePrecios->estado_lista_precio}}</td>
                                <td class="text-capitalize text-center">
                                    @if ($listaDePrecios->tipo_lista_precio != 1)
                                        <div class="custom-switch">
                                            <input type="checkbox" name="depende-lista-base" class="custom-control-input custom-switch" id="custom-switch"  @if ($listaDePrecios->lista_dependiente == 1) checked="" @endif>
                                            <label class="custom-control-label text-uppercase"></label>
                                        </div>
                                    @endif
                                </td>
                                <td class="text-center">{{\FCR::solo_fecha($listaDePrecios->fecha_valido)}}</td>
                                <td class="text-center">
                                    @if ($listaDePrecios->tipo_lista_precio != 1)
                                        <a href="{{ route('editar-lista-de-precios', ['listaDePrecioId' => $listaDePrecios->lista_precio_id]) }}" class="btn btn-primary btn-rounded btn-mini blq-btn-producto" rel="noopener noreferrer" title="Editar Producto"><i class="fa fa-pencil align-bottom"></i></a>                          
                                        <button type="button" class="btn btn-danger btn-rounded btn-mini blq-btn-producto" title="Eliminar Lista de precios" onclick="eliminarListaDePrecio({{ $listaDePrecios->lista_precio_id }})"><i class="fa fa-trash"></i></button>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="text-center" colspan="7">No existen registros</td>
                            </tr>
                        @endif
                       
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    @endsection

    @section('scripts')
        <script>
            function eliminarListaDePrecio(listaPrecioId) {

                confirmAlertV2(
                  ["¿Esta seguro de eliminar la lista de precio seleccionada"],
                  function () {

                    fetch("/dashboard/eliminar-lista-de-precios", {
                        method: "POST",
                        headers: {
                            "Content-Type": "application/json",
                            "X-CSRF-TOKEN": token
                        },
                        body: JSON.stringify({
                            listaPrecioId: listaPrecioId
                        })
                     })
                    .then(response => response.json())
                    .then(data => {
                        if(data.success){
                            simpleAlertV2(data.message);
                            const trParaEliminar = document.querySelector('.tr-lista-precio-' + listaPrecioId);
                            if (trParaEliminar) {
                                trParaEliminar.remove();
                            }
                        }else{
                            alert(data.message)
                        }                       
                    })
                    .catch(error => {
                        if (error.errors) {
                            console.log(error.errors);

                        }
                    });

                  },
                  function () {
                    //alert('no')
                  }
                );
            }
        </script>
    @endsection