@extends('usuarios.clientes.master.layoutcliente')
@section('conteudo')
<style type="text/css">
    .flex
        {
         min-width: 100%;
        }
</style>
<script src="{{asset('js/jquery.dataTables.min.js') }}"></script>
{{-- SELECT STYLE --}}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">



@php
try {
    $decrypted="";
    $decrypted =Crypt::encryptString($mycategoria->id);

    } catch (DecryptException $e) {

    }
  @endphp

  <div class="container-fluid">
        <div class="page-header" width="100%">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">

                        <i class="ik ik-users bg-danger"></i>
                        <div class="d-inline">
                            <h4>Gestão de Autorizações</h4>
                          <br/>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <nav class="breadcrumb-container" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="../index.html"><i class="ik ik-home"></i></a>
                            </li>
                            <li class="breadcrumb-item"><a href="#">retirar</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Permissão</li>
                        </ol>
                    </nav>
                </div>
            </div>


            <div class="row">
                <div class="col-md-6 flex">
                    <div class="card">
                        <div class="card-header"></div>
                        <div class="card-body">

                                <div class="form-group row">
                                    <label for="exampleInputUsername2" class="col-sm-3 col-form-label">Selecione Categoria</label>
                                    <div class="col-sm-9">
                                        <select class="form-control" data-live-search="true" readonly="true" disabled>
                                            <option >{{$mycategoria->categoriacliente}}</option>
                                         </select>

                                    </div>
                                </div>

                                <div class="card-body">
                                    <br>
                                <button type="button" class="btn btn-outline-primary btn-lg w-25 click1" data-toggle="modal" data-target=".bd-example-modal-lg">Atribuir Acessos</button>
                                <button type="button" class="btn btn-outline-danger btn-sm w-25 click2" data-toggle="modal" data-target="#exampleModalCenter">Retirar Acessos</button>
                                </div>
                        </div>
                    </div>
                </div>

            </div>



            <div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
              <div class="modal-dialog modal-lg">
                <div class="modal-content">



                    <form class="forms-sample" name="cadFuncionario"  method="post">
                        @csrf
                        <input type="text" name="idCategoria" value="{{$decrypted}}" class="idCategoria_copy" hidden required>

                            <div class="card-body">
                                <h4 class="sub-title" style="color:blue"><b>Atribuir Permissões</b></h4><br>
                                <div class="row ckecks">

                                        @php $a=0;
                                        $decrypted2="";
                                        @endphp

                                        @forelse($regra as $regras)

                                            @php
                                                if($regras->autorizacao==="distribuir acessos")
                                                    continue;
                                                else if($regras->autorizacao==="cadastrar acessos")
                                                        continue;

                                                if(in_array($regras->id,$verifica_regra_exist))
                                                    continue
                                            @endphp

                                            <div class="col-sm-6 col-xl-3 mb-30">
                                                <div class="border-checkbox-section">
                                                    <div class="border-checkbox-group border-checkbox-group-primary">
                                                        @php
                                                            try {
                                                            $decrypted2 =Crypt::encryptString($regras->id);
                                                            } catch (DecryptException $e) {
                                                                continue;
                                                            }

                                                            $a++;
                                                        @endphp

                                                        <input class="border-checkbox" name="permissao[]" value="{{$decrypted2}}" type="checkbox" id="{{$a}}">
                                                        <label class="border-checkbox-label" for="{{$a}}">{{$regras->autorizacao}}</label>
                                                    </div>

                                                </div>
                                            </div>

                                        @empty
                                    @endforelse
                                </div>

                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary w-20 atribuir">Salvar Alterações</button>
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                              </div>
                        </form>
                </div>
              </div>
            </div>



            <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                  <div class="modal-content">
                      <form class="forms-sample" name="retirarpermissoes"  method="post">
                          @csrf

                        
                          <input type="text" name="idCategoria" value="{{ $decrypted }}"  hidden required>
                              <div class="card-body">
                                  <h4 class="sub-title" style="color:red"><b>Retirar Permissões</b></h4><br>
                                  <div class="row ckecks2">

                                    <div class="row">
                                        @php $i=800;@endphp


                                        @if(!empty($regra_autorizada))

                                        @foreach($regra_autorizada as $regras)
                                                @php
                                                    if($regras->autorizacao==="distribuir acessos")
                                                        continue;
                                                    else if($regras->autorizacao==="cadastrar acessos")
                                                            continue;

                                                    @endphp
                                             <div class="col-sm-6 col-xl-3 mb-30">
                                            <div class="border-checkbox-section">
                                                    <div class="border-checkbox-group border-checkbox-group-primary">
                                                        <input class="border-checkbox" name="permissao[]" value="{{$regras->regra_id}}" type="checkbox" id="{{$i}}" checked >
                                                        <label class="border-checkbox-label" for="{{$i}}">{{$regras->autorizacao}}</label>
                                                    </div>

                                            </div>
                                        </div>
                                        @php $i++; @endphp
                                        @endforeach
                                        @endif

                                    </div>

                                  </div>

                              </div>
                              <div class="modal-footer">
                                  <button type="submit" class="btn btn-danger w-20 atribuir2">Salvar Alterações</button>
                                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                </div>
                          </form>
                  </div>
                </div>
            </div>



        </div>
    </div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/i18n/defaults-*.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>


<script type="text/javascript">
    $(function () {

        $('form[name="cadFuncionario"]').submit(function (data) {
            data.preventDefault();

            $(".atribuir").hide();
            $.ajax({
                url:"{{route('us.admin.cliente.acesso.regras.store')}}",
                type: "post",
                data: $(this).serialize(),
                dataType: 'json',
                success: function (msgs) {

                    if (msgs.success === true) {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 2200,
                            timerProgressBar: true,

                            });

                            Toast.fire({
                            icon: 'success',
                            title: ''+msgs.message,
                                });
                 window.location.href = "{{route('us.admin.cliente.acesso.regras.index')}}";

                    } else {
                        Swal.fire({ position: 'top-end',
                                    icon: 'error',
                                    text: ''+msgs.message,
                                    })
                        //$('.messagebox').removeClass('d-none').html(msgs.message);
                        //alert(msgs.message);
                        $(".atribuir").show();
                    }
                    console.log(msgs);

                }

            });

        });



        $('form[name="retirarpermissoes"]').submit(function (data) {
            data.preventDefault();
            $(".atribuir2").hide();


            $.ajax({
                url:"{{route('us.admin.cliente.acesso.retirar.acesso.do')}}",
                type: "post",
                data: $(this).serialize(),
                dataType: 'json',
                success: function (msgs) {

                    if (msgs.success === true) {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 2200,
                            timerProgressBar: true,

                            });

                            Toast.fire({
                            icon: 'success',
                            title: ''+msgs.message,
                                });
                 window.location.href = "{{route('us.admin.cliente.acesso.regras.index')}}";

                    } else {
                        Swal.fire({ position: 'top-end',
                                    icon: 'error',
                                    text: ''+msgs.message,
                                    })
                        //$('.messagebox').removeClass('d-none').html(msgs.message);
                        //alert(msgs.message);
                        $(".atribuir2").show();
                    }
                    console.log(msgs);

                }

            });

        });







    });

    </script>
@endsection