@extends('layout.backoffice')
@section('content')
    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Gestionar Proveedores</h3>
                </div>
                <div class="card-body">
                    <form id="form-proveedor" enctype="multipart/form-data">
                        <input type="hidden" name="id_prov" value="{{$proveedor['id_proveedor'] ?? '' }}"/>
                        <div class="form-group row">
                            <div class="col-md-2">
                                <label for="nit_prov">NIT</label>
                                <input value="{{$proveedor['nit'] ?? '' }}" name="nit" type="text" id="nit" class="form-control form-control-border border-width-2 system_validador_vacio">
                            </div>
                            <div class="col-md-4">
                                <label for="nombre">Nombre</label>
                                <input value="{{$proveedor['nombre'] ?? '' }}" name="nombre" id="nombre" type="text" class="form-control form-control-border border-width-2 system_validador_vacio">
                            </div>
                            <div class="col-md-2">
                                <label for="plazo-vencimiento">Venc. Inventario (Días)</label>
                                <input value="{{$proveedor['plazo_vencimiento_inventario'] ?? '' }}" name="plazo_vencimiento_inventario" type="number" class="form-control form-control-border border-width-2 system_validador_vacio" id="plazo-vencimiento">
                            </div>
                            <div class="col-md-2">
                                <label for="notificar_vencimiento_inventario">Notificar Vencimiento Inv</label>
                                <select class="form-control form-control-border border-width-2" name="notificar_vencimiento_inventario" id="notificar_vencimiento_inventario">
                                    <option value="1">Si</option>
                                    <option value="0">No</option>
                                </select>
                            </div>
                            <div class="col-md-2">
                                <label for="valor_flete">Valor Flete (Solo aplica Mx)</label>
                                <input value="{{$proveedor['valor_flete'] ?? '' }}" name="valor_flete" type="number" class="form-control form-control-border border-width-2" id="valor_flete">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-footer">
                    @if (isset($proveedor["id_proveedor"]))
                        <button type="button" class="btn btn-flat btn-sm btn-primary" id="btn-actualizar">Actualizar</button>
                    @else
                        <button type="button" class="btn btn-flat btn-sm btn-primary" id="btn-crear">Guardar</button>
                    @endif
                    <a href="{{ URL::asset('backoffice/gestionar/proveedores') }}">
                        <button type="button" class="btn btn-flat btn-sm btn-default">Volver</button>
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Listado</h3>
                </div>
                <div class="card-body p-0">
                    <table class="table table-sm">
                        <thead>
                        <tr>
                            <th></th>
                            <th>NIT</th>
                            <th>Nombre</th>
                            <th>Días</th>
                            <th>Notificacion</th>
                            <th>Valor de Flete</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($listado as $prov)
                            <tr>
                                <td>
                                    <a href="{{ url('backoffice/gestionar/proveedores/'.$prov['id_proveedor']) }}">
                                        <button type="button" class="btn btn-flat btn-sm btn-default">Editar</button>
                                    </a>
                                </td>
                                <td>{{$prov['nit']}}</td>
                                <td>{{$prov['nombre']}}</td>
                                <td>{{$prov['plazo_vencimiento_inventario']}}</td>
                                <td>{{$prov['notificar_vencimiento_inventario'] == 1 ? 'Si' : "No"}}</td>
                                <td>{{$prov['valor_flete']}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script>
        jQuery(document).on('click', '#btn-crear', function () {
            if (system_validarcampos("form-proveedor")) {
                axios.post('gestionar/proveedores', getDataJson("form-proveedor")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire('Proveedor Creado', '', 'success').then(function () {
                            window.location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        jQuery(document).on('click', '#btn-actualizar', function () {
            if (system_validarcampos("form-proveedor")) {
                axios.put('gestionar/proveedores', getDataJson("form-proveedor")).then(function (resp) {
                    if (resp.data.error === 0) {
                        Swal.fire('Proveedor Actualizado', '', 'success').then(function () {
                            window.location = UrlGlobal + 'gestionar/proveedores/';
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        function eliminar(id) {
            axios.delete('gestionar/proveedores/' + id).then(function (resp) {
                if (resp.data.error === 0) {
                    Swal.fire('Sitio Eliminado', '', 'success').then(function () {
                        window.location.reload();
                    });
                } else {
                    notificarUsuario(resp.data.mensaje);
                }
            })
        }

        jQuery(document).ready(() => {
            jQuery('#notificar_vencimiento_inventario').val("").change()
        })
    </script>
@endsection