@extends('base')
@section('titulo')
Proveedores
@endsection
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Listado de proveedores</li>
    </ol>
</nav>
{{-- @can('cliente.store') --}}
<!-- Boton agregar cliente modal -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <button type="button" class="btn btn-primary" onclick="limpiarCampos()" data-toggle="modal" data-target="#addModal">
        Agregar Proveedor
    </button>
</div>
{{-- @endcan --}}
<!-- Fin Boton agregar categoria modal -->
<!-- Agregar Modal -->
@include('supplier.modals.addSupplierModal')
<!-- Fin Agregar Modal -->
<!-- Mensaje Exito -->
@if(session('exito'))
<div class="alert alert-success">
    <button type="button" class="close" data-dismiss="alert">×</button>
    {{ session('exito') }}
</div>
@endif
@if(session('advertencia'))
<div class="alert alert-danger">
   <button type="button" class="close" data-dismiss="alert">×</button>
   {{ session('advertencia') }}
</div>
@endif
<!-- Fin Mensaje Exito -->
@if(count($proveedores) > 0)
<!-- Table -->
<table class="table InitializeDataTable">
    <thead class="thead-dark">
        <tr>
            <th scope="col">Codigo</th>
            <th scope="col">Nombre</th>
            <th scope="col">Telefono</th>
            <th scope="col">Acciones</th>
        </tr>
    </thead>
    <tbody>
                @foreach ($proveedores as $proveedor )
        <tr>
            <td> {{ $proveedor->codProveedor }} </td>
            <td> {{ $proveedor->nombreProveedor }} </td>
            <td> {{ $proveedor->telefonoEmpresa }} </td>
            <td style="display: flex">

                {{-- @can('cliente.show') --}}
                    <a class="fas fa-w fa-eye" title="Mostrar" href="{{route('proveedor.show', $proveedor->id)}}"
                    style="color:gray !important; margin-right: 12px"></a>
                {{-- @endcan --}}

                {{-- @can('cliente.edit_view') --}}
                <button type="button" title="Editar" data-toggle="modal" data-target="#editModal"
                    class="fas fa-w fa-edit"
                    style="color:gray !important; background-color:transparent; border: 0px solid;"
                    onclick="fun_edit('{{$proveedor->id}}')"></button>
                {{-- @endcan --}}
                {{-- @can('cliente.destroy') --}}
                <button type="button" title="Eliminar" data-toggle="modal" data-target="#deleteModal"
                    class="fas fa-w fa-trash"
                    style="color:gray !important; background-color:transparent; border: 0px solid;"
                    onclick="fun_delete('{{$proveedor->id}}')"></button>
                {{-- @endcan --}}
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
<!-- Fin Table -->
<!-- Paginacion de tabla -->
<div class="d-flex justify-content-center">
    {{-- {{ $clientes->links() }} --}}
</div>
<!-- Fin Paginacion de tabla-->
<!-- Editar Modal -->
@include('supplier.modals.editSupplierModal')

<!-- Fin Editar Modal-->
<!-- Eliminar Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body align-self-center">
                <form action="{{ route('proveedor.destroy') }}" method="POST">
                    @csrf
                    {{ method_field('DELETE') }}
                    <div style="text-align: center">
                        <br>
                        <i class='fas fa-exclamation-circle' style='font-size:80px;color: gray;'></i>
                        <br>
                        <br>
                        <strong>
                            <h3>¿Estás seguro que deseas eliminar el proveedor?</h3>
                        </strong>
                        <strong>Recuerde que al eliminar este proveedor ya no se podra recuperar</strong>
                        <input type="hidden" id="delete_id" name="delete_id">
                        <input type="hidden" name="user" value="{{auth()->user()->name}}">
                    </div>cd
                    <div class="modal-footer d-flex justify-content-center">
                        <button type="submit" class="btn btn-primary">
                            <i class='fas fa-check-circle'></i>
                            Eliminar
                        </button>
                        <a href="" class="btn btn-primary" data-dismiss="modal">
                            <i class='fa fa-times'></i>
                            Cancelar
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@else
<div class="alert alert-danger">
    <strong>¡Opps! Parece que no tienes ningun poveedor registrado.</strong>
</div>
@endif
<script type="text/javascript">
    function fun_edit(id)
    {
        var view_url = '{{ route("proveedor.edit_view", ":id") }}';
        view_url = view_url.replace(':id', id);
        $.ajax({
            url: view_url,
            type:"GET",
            data: {"id":id},
            success: function(result){
                $("#edit_id").val(result.id);
                $('#codProveedore').val(result.codProveedor);
                $('#nombreProveedore').val(result.nombreProveedor);
                $('#tipoProveedore').val(result.tipoProveedor).change();
                $('#giroe').val(result.giro);
                $('#forma_pagoe').val(result.forma_pago);
                $('#dias_creditoe').val(result.dias_credito);
                $('#nrce').val(result.nrc);
                $('#nite').val(result.nit);
                $('#clasificacione').val(result.clasificacion);
                $('#direccione').val(result.direccion);
                $('#dptoe').val(result.dpto);
                $('#paise').val(result.pais);
                $('#telefonoEmpresae').val(result.telefonoEmpresa);
                $('#contacto_1e').val(result.contacto_1);
                $('#puesto_1e').val(result.puesto_1);
                $('#celular_1e').val(result.celular_1);
                $('#fijo_1e').val(result.fijo_1);
                $('#correo_1e').val(result.correo_1);
                $('#contacto_2e').val(result.contacto_2);
                $('#puesto_2e').val(result.puesto_2);
                $('#celular_2e').val(result.celular_2);
                $('#fijo_2e').val(result.fijo_2);
                $('#correo_2e').val(result.correo_2);
                $('#contacto_3e').val(result.contacto_3);
                $('#puesto_3e').val(result.puesto_3);
                $('#celular_3e').val(result.celular_3);
                $('#fijo_3e').val(result.fijo_3);
                $('#correo_3e').val(result.correo_3);
                $('#tipo_personalidad').val(result.tipo_personalidad);
                console.log(result);

                // $('#razonSociale').val(result.razonSocial);
                // $('#ivae').val(result.iva);
                // $('#emaile').val(result.email);
                // $('#contactoe').val(result.contacto);
                // $('#telefonoFinanzase').val(result.telefonoFinanzas);
                // $('#correoFinanzase').val(result.correoFinanzas);
                $('#bancoe').val(result.banco);
                $('#cuentaBancariae').val(result.cuentaBancaria);
                $('#cuentaContablee').val(result.cuentaContable);
            }
        });
    }

    function fun_delete(id)
    {
        $("#delete_id").val(id);
    }
    //Limpiar los campos de la modal de traslados
    function limpiarCampos(){
        $('#nombreProveedor').val(''); //Limpiando el input
    }
</script>
@endsection