MINI MINI MANI MO

<style>
    /*.main {*/
    /*    width: 100%;*/
    /*    color: #000000 !important;*/
    /*    font-weight: bold;*/
    /*    column-count: 2;*/
    /*    column-rule: 1px solid #bbb;*/
    /*    column-width: auto;*/
    /*    margin: 1px 1px 1px 1px !important;*/
    /*}*/

    td,
    th {
        padding: 2px 2px !important;
    }

</style>
@extends('layout')
@section('title')
    ACCESO SISTEMA
@endsection
@section('content')
    <div class="card-body">
        <div class="container">
            <div class="section">
                <div class="height-30vh">
                    <center>
                        <img src="{{asset('spid/images/logo/congeso.jpg')}}" alt="materialize" width="40%" heigth="40%" style="border-radius:15px;"/>
                    </center>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="section">
            <div class="card">
                <div class="section section-data-tables">
                    <div class="card-content">
                        <div class="card-body s12">
                            @if (count($diputados))
                                <h4 class="text-align center">Acceso SPID</h4>
                            <br>
                            <span> Dar acceso a todos</span>
                                <div class="switch">
                                    <label>
                                        Denegado
                                        <input type="checkbox" onclick="accesoTodos();" id="activarTodo"
                                               @if($diputados[0]->permisoAccesoTodos == 1)
                                               checked
                                            @endif
                                        >
                                        <span class="lever"></span>
                                        Acceso
                                    </label>
                                </div>
                                <table width='100%' bor style='border-collapse:collapse'>
                                    <tbody>
                                    <tr>
                                        <td>
                                            <h6><strong>Diputado</strong></h6>
                                        </td>
                                        <td>
                                            <h6><strong>ACCESO</strong></h6>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                                <div class='main'>
                                    <table width='100%' border="0">
                                        @foreach ($diputados as $diputado)
                                            @if($diputado->DatosUsers)
                                                @if($diputado->DatosUsers->status == 1 && $diputado->DatosUsers->tipo_usuario == 2)
                                                    <tr>
                                                        <td>{{mb_strtoupper($diputado->fullname)}}</td>
                                                        <td>
                                                            <div class="switch">
                                                                <label>
                                                                    Off
                                                                    <input type="checkbox" onclick="acceso({{$diputado->id}});" id="activar"
                                                                    @if($diputado->permisoAcceso == 1)
                                                                        checked
                                                                    @endif
                                                                    >
                                                                    <span class="lever"></span>
                                                                    Acceso
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endif
                                            @endif
                                        @endforeach
                                    </table>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script>
        function acceso(id){
            var diputado = id;
            var activo =   $("input[id='activar']:checked").val();
            var status;
            if(activo == 'on'){
                status = 1;
            }else{
                status = 0;
            }

            $.ajax({
                type: 'GET',
                data :{
                    status,
                    diputado
                },
                url :   "{{ url('darAcceso') }}",
                success: function (response) {
                    console.log('succ');
                    // location.reload();
                },error: function(xhr, status, error) {
                }
            });
        }

        function accesoTodos(){
            var activo = $("input[id='activarTodo']:checked").val();
            var status;
            if(activo == 'on'){
                status = 1;
            }else{
                status = 0;
            }

            $.ajax({
                type: 'GET',
                data :{
                    status,
                },
                url :   "{{ url('darAccesoTodos') }}",
                success: function (response) {
                    // console.log('succ');
                  location.reload();
                },
                error: function(xhr, status, error) {}
            });
        }
    </script>
@endpush