@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
        header('location: /');
        die();
    }
@endphp

@section('estilos')
    @include('Requisicion_compra.Catalogos._datatable_like_styles')
@endsection

@section('contenido')

<div class="ui big breadcrumb">
    <div class="section">Administración</div>
    <i class="right chevron icon divider"></i>
    <div class="section">Requisiciones de compra</div>
    <i class="right chevron icon divider"></i>
    <div class="active section">Administrador de proveedores</div>
</div>

<div class="ui divider"></div>

<div data-module-notifications-anchor></div>
@include('fragments.navs', [
    "navs" => [
        [
            "active" => 0,
            "url" => "catalogo_tipos_servicio_requisicion",
            "name" => "Tipo de servicio y suministro"
        ],
        [
            "active" => 0,
            "url" => "catalogo_productos_servicios_requisicion",
            "name" => "Producto/Servicio"
        ],
        [
            "active" => 1,
            "url" => "catalogo_proveedores_requisicion",
            "name" => "Proveedores"
        ],
        [
            "active" => 0,
            "url" => "catalogo_unidades_negocio_requisicion",
            "name" => "Unidades de Negocio"
        ],
        [
            "active" => 0,
            "url" => "catalogo_configuracion_iva_requisicion",
            "name" => "Configuración IVA"
        ],
        [
            "active" => 0,
            "url" => "catalogo_mantenimiento_notificaciones_requisicion",
            "name" => "Notificaciones"
        ]
    ]
])

<div class="ui divider"></div>

<div class="content">
    <div class="col-lg-12 col-md-12 col-sm-12">
        @if(session()->has('success'))
            <div class="alert alert-success text-center alert-dismissible" role="alert">
                <strong>{{ session()->get('success') }}</strong>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        @if(session()->has('warning'))
            <div class="alert alert-warning text-center alert-dismissible" role="alert">
                <strong>{{ session()->get('warning') }}</strong>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        @if(session()->has('error'))
            <div class="alert alert-danger text-center alert-dismissible" role="alert">
                <strong>{{ session()->get('error') }}</strong>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
</div>

@if ($permisos->crear == 1 || $permisos->gerente == 1)
    <button class="ui button fluid primary create_catalogo_proveedor" style="margin-bottom: 15px;">
        <i class="plus icon"></i> Proveedor
    </button>
@endif

<div class="sx-autorender">
    <div class="sx-scroll-x">

        <form method="GET" action="{{ url()->current() }}" class="ui form" style="margin-bottom: 20px;">
            <div class="row text-center">

                <div class="col-md-2 col-sm-6" style="margin-bottom: 15px;">
                    <div class="field">
                        <label>Mostrar</label>
                        <select name="per_page" class="form-control input-sm" onchange="this.form.submit()">
                            <option value="10" {{ request('per_page', 10) == 10 ? 'selected' : '' }}>10</option>
                            <option value="25" {{ request('per_page') == 25 ? 'selected' : '' }}>25</option>
                            <option value="50" {{ request('per_page') == 50 ? 'selected' : '' }}>50</option>
                            <option value="100" {{ request('per_page') == 100 ? 'selected' : '' }}>100</option>
                        </select>
                    </div>
                </div>

                <div class="col-md-2 col-sm-6" style="margin-bottom: 15px;">
                    <div class="field">
                        <label>Año</label>
                        <select name="year" class="form-control input-sm" onchange="this.form.submit()">
                            @php
                                $currentYear = date('Y');
                                $startYear = 2020;
                                $selectedYear = request('year', '');
                            @endphp
                            <option value="" {{ $selectedYear == '' ? 'selected' : '' }}>Todos</option>

                            @for ($y = $currentYear; $y >= $startYear; $y--)
                                <option value="{{ $y }}" {{ $selectedYear == $y ? 'selected' : '' }}>{{ $y }}</option>
                            @endfor
                        </select>
                    </div>
                </div>

                <div class="col-md-2 col-sm-6" style="margin-bottom: 15px;">
                    <div class="field">
                        <label>Estatus</label>
                        <select name="estatus" class="form-control input-sm" onchange="this.form.submit()">
                            <option value="" {{ request('estatus', '') === '' ? 'selected' : '' }}>Todos</option>
                            <option value="1" {{ request('estatus') === '1' ? 'selected' : '' }}>Activo</option>
                            <option value="0" {{ request('estatus') === '0' ? 'selected' : '' }}>Inactivo</option>
                        </select>
                    </div>
                </div>

                <div class="col-md-4 col-sm-12" style="margin-bottom: 15px;">
                    <div class="field text-center">
                        <label>Buscar</label>
                        <div class="ui action input" style="width: 90%; margin: 0 auto;">
                            <input type="hidden" name="sort_by" value="{{ request('sort_by', 'updated_at') }}">
                            <input type="hidden" name="sort_dir" value="{{ request('sort_dir', 'desc') }}">
                            <input type="text"
                                   name="search"
                                   placeholder="Buscar por empresa, contacto, correo, teléfono o datos bancarios..."
                                   value="{{ request('search') }}"
                                   oninput="if(this.value.trim() === '') this.form.submit();"
                                   style="height: 38px;">
                            <button type="submit" class="btn btn-primary" style="height: 38px; padding-top: 10px; padding-bottom: 10px;">
                                <i class="search icon"></i>
                            </button>
                        </div>
                    </div>
                </div>

                <div class="col-md-2 col-sm-12 text-center" style="margin-bottom: 15px;">
                    <div class="field">
                        <label>Total</label>
                        <p style="margin-top: 8px; font-size: 15px;">
                            <strong>{{ $catalogo_proveedores->total() }}</strong> registros encontrados
                        </p>
                    </div>
                </div>

            </div>
        </form>

        <hr>

        @php
            $sortUrl = function ($column) {
                $currentSort = request('sort_by', 'updated_at');
                $currentDir = strtolower(request('sort_dir', 'desc'));
                $dir = ($currentSort === $column && $currentDir === 'asc') ? 'desc' : 'asc';

                return request()->fullUrlWithQuery(array_merge(request()->except('page'), array(
                    'sort_by' => $column,
                    'sort_dir' => $dir
                )));
            };

            $sortClass = function ($column) {
                $currentSort = request('sort_by', 'updated_at');
                $currentDir = strtolower(request('sort_dir', 'desc'));

                if ($currentSort !== $column) {
                    return 'sorting';
                }

                return $currentDir === 'asc' ? 'sorting_asc' : 'sorting_desc';
            };

        @endphp

        <div class="table-responsive tabla-requisiciones-catalogos-responsive">
            <table class="table table-bordered table-striped table-hover requisiciones-catalogos-datatables-like">
                <thead>
                    <tr class="text-center">
                        <th width="20%" class="{{ $sortClass('empresa') }}"><a href="{{ $sortUrl('empresa') }}" class="requisiciones-catalogos-sort-link">Empresa</a></th>
                        <th width="15%" class="{{ $sortClass('contacto') }}"><a href="{{ $sortUrl('contacto') }}" class="requisiciones-catalogos-sort-link">Contacto</a></th>
                        <th width="15%" class="{{ $sortClass('correo') }}"><a href="{{ $sortUrl('correo') }}" class="requisiciones-catalogos-sort-link">Correo</a></th>
                        <th width="12%" class="{{ $sortClass('telefono') }}"><a href="{{ $sortUrl('telefono') }}" class="requisiciones-catalogos-sort-link">Teléfono</a></th>
                        <th width="18%">Datos bancarios</th>
                        <th width="8%" class="{{ $sortClass('estatus') }}"><a href="{{ $sortUrl('estatus') }}" class="requisiciones-catalogos-sort-link">Estatus</a></th>
                        <th width="7%" class="{{ $sortClass('updated_at') }}"><a href="{{ $sortUrl('updated_at') }}" class="requisiciones-catalogos-sort-link">Actualización</a></th>
                        <th class="text-center" width="5%">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @if($catalogo_proveedores->count())
                        @foreach($catalogo_proveedores as $proveedor)
                            <tr id="tr_catalogo_proveedor_{{ $proveedor->id_requisicion_proveedor }}">
                                <td>{{ $proveedor->empresa }}</td>
                                <td>{{ $proveedor->contacto }}</td>
                                <td>{{ $proveedor->correo }}</td>
                                <td>{{ $proveedor->telefono }}</td>
                                <td>
                                    {{ \Illuminate\Support\Str::limit($proveedor->datos_bancarios, 80, '...') }}
                                </td>
                                <td class="text-center">
                                    @if((int)$proveedor->estatus === 1)
                                        <button type="button" class="btn btn-primary">Activo</button>
                                    @else
                                        <button type="button" class="btn btn-danger">Inactivo</button>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if($proveedor->updated_at)
                                        {{ formatDateForDisplay($proveedor->updated_at) }}
                                    @endif
                                </td>
                                <td class="text-center">
                                    <div class="ui tiny icon buttons requisiciones-catalogos-actions">
                                        @if ($permisos->actualizar == 1 || $permisos->gerente == 1)
                                            <a class="ui button green requisiciones-catalogos-action-btn edit_catalogo_proveedor"
                                               data-id="{{ $proveedor->id_requisicion_proveedor }}">
                                                <i class="pencil icon"></i>
                                            </a>
                                        @endif
                                        @if ($permisos->eliminar == 1 || $permisos->gerente == 1)
                                            <form method="POST"
                                                  action="{{ url('change_estatus_catalogo_proveedor_requisicion') }}"
                                                  class="requisiciones-catalogos-action-form"
                                                  {{-- onsubmit="return confirm('¿Deseas {{ (int)$proveedor->estatus === 1 ? 'deshabilitar' : 'habilitar' }} este proveedor?');" --}}
                                            >
                                                {{ csrf_field() }}
                                                <input type="hidden" name="id_requisicion_proveedor" value="{{ $proveedor->id_requisicion_proveedor }}">

                                                @if((int)$proveedor->estatus === 1)
                                                    <button type="submit"
                                                            class="ui button red requisiciones-catalogos-action-btn"
                                                            data-toggle="tooltip"
                                                            title="Deshabilitar proveedor">
                                                        <i class="ban icon"></i>
                                                    </button>
                                                @else
                                                    <button type="submit"
                                                            class="ui button blue requisiciones-catalogos-action-btn"
                                                            data-toggle="tooltip"
                                                            title="Habilitar proveedor">
                                                        <i class="check icon"></i>
                                                    </button>
                                                @endif
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="8" class="text-center">No se encontraron registros que coincidan con la búsqueda.</td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>

        <div class="ui container center aligned" style="margin-top: 20px;">
            {{ $catalogo_proveedores->appends(request()->except('page'))->links('pagination::bootstrap-4') }}
        </div>

    </div>
</div>

<hr>

<div class="row">
    <div class="col-xs-12 col-sm-6 col-md-6">
        <a href="{{ url('requisicion_compras') }}" class="ui button gray" type="submit">
            <i class="arrow circle left icon"></i>Atrás
        </a>
    </div>
</div>

{{-- MODALES --}}
@include('Requisicion_compra.Proveedores.create_modal')
@include('Requisicion_compra.Proveedores.update_modal')

<script>
    $(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
    });

    $(document).on('click', '.create_catalogo_proveedor', function(){
        $('#create_catalogo_proveedor_modal').modal('show');
    });

    $(document).on('click', '.edit_catalogo_proveedor', function(){
        var id_requisicion_proveedor = $(this).data('id');

        $('#id_requisicion_proveedor_update').val(id_requisicion_proveedor);

        $.ajax({
            url: "{{ url('show_catalogo_proveedor_requisicion') }}",
            method: "POST",
            data: {
                id_requisicion_proveedor: id_requisicion_proveedor,
                _token: '{{ csrf_token() }}'
            },
            success: function(response){
                var result = JSON.parse(response);

                $('#empresa_update').val(result.data.empresa);
                $('#contacto_update').val(result.data.contacto);
                $('#correo_update').val(result.data.correo);
                $('#telefono_update').val(result.data.telefono);
                $('#datos_bancarios_update').val(result.data.datos_bancarios);
                $('#estatus_update').val(result.data.estatus);

                $('#update_catalogo_proveedor_modal').modal('show');
            }
        });
    });
</script>

@endsection