@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 unidades de negocio</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" => 0,
            "url" => "catalogo_proveedores_requisicion",
            "name" => "Proveedores"
        ],
        [
            "active" => 1,
            "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_unidad_negocio" style="margin-bottom: 15px;">
        <i class="plus icon"></i> Unidad de Negocio
    </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 clave o nombre de unidad de negocio..."
                                   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_unidades_negocio->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="16%" class="{{ $sortClass('clave_unidad_negocio') }}"><a href="{{ $sortUrl('clave_unidad_negocio') }}" class="requisiciones-catalogos-sort-link">Clave</a></th>
                        <th width="30%" class="{{ $sortClass('nombre_unidad_negocio') }}"><a href="{{ $sortUrl('nombre_unidad_negocio') }}" class="requisiciones-catalogos-sort-link">Unidad de Negocio</a></th>
                        <th width="25%" class="{{ $sortClass('documento_requisicion') }}"><a href="{{ $sortUrl('documento_requisicion') }}" class="requisiciones-catalogos-sort-link">Documento vinculado</a></th>
                        <th width="12%" class="{{ $sortClass('estatus') }}"><a href="{{ $sortUrl('estatus') }}" class="requisiciones-catalogos-sort-link">Estatus</a></th>
                        <th width="10%" class="{{ $sortClass('updated_at') }}"><a href="{{ $sortUrl('updated_at') }}" class="requisiciones-catalogos-sort-link">Actualización</a></th>
                        <th class="text-center" width="7%">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @if($catalogo_unidades_negocio->count())
                        @foreach($catalogo_unidades_negocio as $unidad)
                            <tr id="tr_catalogo_unidad_negocio_{{ $unidad->id_unidad_negocio }}">
                                <td>{{ $unidad->clave_unidad_negocio }}</td>
                                <td>{{ $unidad->nombre_unidad_negocio }}</td>
                                <td>
                                    @if($unidad->nombre_documento_requisicion)
                                        {{ $unidad->nombre_documento_requisicion }}
                                    @else
                                        <span class="badge badge-warning">Sin documento vinculado</span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    @if((int)$unidad->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($unidad->updated_at)
                                        {{ formatDateForDisplay($unidad->updated_at) }}
                                    @endif
                                </td>
                                <td class="text-center">
                                    <div class="ui tiny icon buttons requisiciones-catalogos-actions">
                                        @if ($permisos->editar == 1 || $permisos->gerente == 1)
                                            <button type="button"
                                                    class="ui button green requisiciones-catalogos-action-btn update_catalogo_unidad_negocio"
                                                    data-id_unidad_negocio="{{ $unidad->id_unidad_negocio }}">
                                                <i class="pencil icon"></i>
                                            </button>
                                        @endif
                                        @if ($permisos->eliminar == 1 || $permisos->gerente == 1)
                                            <form action="{{ url('change_estatus_catalogo_unidad_negocio_requisicion') }}"
                                                  method="POST"
                                                  class="requisiciones-catalogos-action-form">
                                                {{ csrf_field() }}
                                                <input type="hidden" name="id_unidad_negocio" value="{{ $unidad->id_unidad_negocio }}">
                                                <button type="submit"
                                                        class="ui button {{ (int)$unidad->estatus === 1 ? 'red' : 'blue' }} requisiciones-catalogos-action-btn">
                                                    <i class="{{ (int)$unidad->estatus === 1 ? 'ban' : 'check' }} icon"></i>
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="6" class="text-center">
                                No se encontraron unidades de negocio registradas.
                            </td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>

        <div class="text-center">
            {{ $catalogo_unidades_negocio->appends(request()->except('page'))->links() }}
        </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>

@include('Requisicion_compra.UnidadesNegocio.create_modal')
@include('Requisicion_compra.UnidadesNegocio.update_modal')

<script>
    $(document).on('click', '.create_catalogo_unidad_negocio', function () {
        $('#create_catalogo_unidad_negocio_modal').modal('show');
    });

    $(document).on('click', '.update_catalogo_unidad_negocio', function () {
        var id_unidad_negocio = $(this).data('id_unidad_negocio');

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

                $('#id_unidad_negocio_update').val(result.data.id_unidad_negocio);
                $('#clave_unidad_negocio_update').val(result.data.clave_unidad_negocio);
                $('#nombre_unidad_negocio_update').val(result.data.nombre_unidad_negocio);
                $('#estatus_unidad_negocio_update').val(result.data.estatus);
                $('#id_documento_requisicion_update').selectpicker('val', result.data.id_documento_requisicion);

                $('#update_catalogo_unidad_negocio_modal').modal('show');
            },
            error: function() {
                alert('Error al cargar la unidad de negocio.');
            }
        });
    });
</script>

@endsection