@extends('fragments.fullTemplate')

@section('contenido')
<style>
    .control-documentos-table th,
    .control-documentos-table td {
        text-align: center !important;
        vertical-align: middle !important;
    }

    .control-documentos-table .ui.label,
    .control-documentos-table .btn,
    .control-documentos-table .ui.button {
        font-size: 12px;
    }
</style>

<div class="ui big breadcrumb">
    <div class="section">Sistema de gestión</div>
    <i class="right chevron icon divider"></i>
    {{-- Texto visible homologado del módulo. --}}
    <div class="section">Control de Documentos</div>
    <i class="right chevron icon divider"></i>
    <div class="active section">Firmas de versión</div>
</div>

<div class="ui divider"></div>
<div data-module-notifications-anchor></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>
    @include('Control_documentos.Notificacion.notificacion_documento_version')

<div class="ui segment">

    <h4 class="ui header">
        <i class="file alternate icon"></i>
        <div class="content">
            {{ $datos_version->nombre_archivo }}
            <div class="sub header">Clave: {{ $datos_version->clave }}</div>
        </div>
    </h4>

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

    @php
        $total_global = collect($usuarios)->flatten()->count();
        $firmados_global = collect($usuarios)->flatten()->where('firmado',1)->count();
    @endphp

    <div style="margin-bottom:10px; text-align:right;">
        <span class="ui blue label">
            Total firmas: {{ $firmados_global }}/{{ $total_global }}
        </span>
    </div>

    <table class="ui celled table control-documentos-table">
        <thead>
            <tr>
                <th>Usuario</th>
                <th>Estado</th>
                <th>Fecha firma</th>
            </tr>
        </thead>
        <tbody>

            @foreach($usuarios as $linea => $grupo)
            @php
                $total_linea = count($grupo);
                $firmados_linea = collect($grupo)->where('firmado',1)->count();
            @endphp

            <tr>
                <td colspan="3" style="background:#f9fafb; font-weight:bold;">
                    <i class="users icon"></i> {{ $linea }}
                    <div style="margin-top:4px;">
                        {{ $firmados_linea }}/{{ $total_linea }} firmados
                    </div>
                </td>
            </tr>

                @foreach($grupo as $user)
                <tr>
                    <td>{{ $user->nombre }} {{ $user->apellidos }}</td>

                    <td>
                        @if($user->firmado == 1)
                            <span class="ui green label">Firmado</span>
                        @else
                            <span class="ui yellow label">Pendiente</span>
                        @endif
                    </td>

                    <td>
                        {{ $user->fecha_firma ? \Carbon\Carbon::parse($user->fecha_firma)->format('d/m/Y h:i a') : '-' }}
                    </td>

                </tr>
                @endforeach

            @endforeach

        </tbody>
    </table>

</div>

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

<a href="{{ url()->previous() }}" class="ui button gray">
    <i class="arrow left icon"></i> Regresar
</a>


<script>
    $(document).on('click','.btn_firmar',function(){

    let id_documento_version = $(this).data("id_version");
    let id_usuario = $(this).data("id_usuario");
    let estado = $(this).data("estado");
    let boton = $(this);

    $.ajax({
        url:"{{url('change_firma_version')}}",
        method:"POST",
        data:{
            'id_documento_version': id_documento_version,
            'id_usuario': id_usuario,
            _token: '{{csrf_token()}}'
        },
        success:function(response){
            location.reload();

            let result = JSON.parse(response);
            let data = result.data;

            if (data['estatus'] == "1") {

                boton.removeClass("blue").addClass("red");
                boton.text("Desfirmar");
                boton.attr("data-estado","1");

                boton.closest("tr").find("td:eq(1)")
                    .html("<span class='ui green label'>Firmado</span>");

                boton.closest("tr").find("td:eq(2)")
                    .html(data['fecha_firma']);
            }

            if (data['estatus'] == "0") {

                boton.removeClass("red").addClass("blue");
                boton.text("Firmar");
                boton.attr("data-estado","0");

                boton.closest("tr").find("td:eq(1)")
                    .html("<span class='ui yellow label'>Pendiente</span>");

                boton.closest("tr").find("td:eq(2)")
                    .html("-");
            }

        }
    });

});
</script>
@endsection