@extends('template.layoutAdmin')
@section('title')
    Dashboard
@endsection

@section('cabecera')
@include('system.payments.cabecera')
@endsection

@section('contenido')
<div class="row">
    <div class="col-12">
        @if(Session::has('message'))
            <div class="alert alert-success alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                😉 {{Session::get('message')}} 😉
            </div>
        @endif
        @if(Session::has('message_error'))
            <div class="alert alert-danger alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                😓 {{Session::get('message_error')}} 😒
            </div>
        @endif
    </div>
    

    <div class="col-md-12">
        <div class="box">
            <div class="box-header">
                <div class="box-title">
                    <div class="row">
                        <div class="col-md-10">
                            <h1>
                                
                                <small>Configuración de transferenciasssssss
                                    {{-- <span class="-weight-400">{{auth()->user()->userName}}</span> --}}
                                </small>
                            </h1>
                        </div>
                        <div class="col-md-2 text-right" style="padding-top: 2%;">
                            <label class="switch">
                                <input type="checkbox" name="config_transferencia" onclick="changeConfig()" id="transferencia_config" value="" class="success" {!!$tipoPago->transferencia != 0? 'checked="true"': '' !!}>
                                <span class="slider round"></span>
                            </label>
                        </div>
                    </div>
                </div>
                Hola
            </div>
            <div class="box-body">
                <div id="content-config" style="display: {{$tipoPago->transferencia != 1? 'none':''}};">
                    <div class="row">
                        <div class="col">
                            <div class="{{-- box --}}">
                                <div class="{{-- box-header --}}">
                                    <div class="box-title col-md-12">
                                        <div class="col-md-12">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    {{-- <h4 class="pt-2">
                                                    Entidades Financieras
                                                    </h4> --}}
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="text-right">
                                                        <a href="Javascript:;" class="btn btn-info btn-sm disabled" id="btnSave" onclick="saveConfig()">
                                                            <i class="fa fa-save"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="{{-- box-body --}}">
                                    <form action="" id="formEntidades">
                                        @if (count($entidades) > 0)
                                            @foreach ($entidades as $entidad)
                                                    @php
                                                        $exists = false;
                                                    @endphp
                                                    @if (count($entidadesRest))
                                                    @foreach ($entidadesRest as $item)
                                                        @if ($entidad->idEntidad == $item->idEntidad)
                                                        <div class="col-md-12">
                                                            <div class="justify-content-end">
                                                            @if ($item->state == 1)
                                                            <input type="checkbox" class="form-check-input" name="entidad[{{$entidad->idEntidad}}]" id="check_entidad_{{$entidad->idEntidad}}" checked data-toggle="collapse" href="#collapse_{{$entidad->idEntidad}}" role="button" aria-expanded="false" aria-controls="collapseExample" onclick="enabledEdit()">
                                                            @else
                                                            <input type="checkbox" class="form-check-input" name="entidad[{{$entidad->idEntidad}}]" id="check_entidad_{{$entidad->idEntidad}}" {{-- {{$data['categoria'] == true? 'checked': ''}} --}} data-toggle="collapse" href="#collapse_{{$entidad->idEntidad}}" role="button" aria-expanded="false" aria-controls="collapseExample" onclick="enabledEdit()">
                                                            @endif
                                                            @php
                                                                $exists = true;
                                                            @endphp
                                                            <label class="form-check-label col-md-12" for="check_entidad_{{$entidad->idEntidad}}">
                                                                <div class="col-md-12">
                                                                <img class="img-responsive pb-2" src="{{asset('files/filesEntidades') ."/". $entidad->img}}" alt="" width="150">
                                                                </div>
                                                            </label>
                                                            <br>
                                                        </div>
                                                        </div>
                                                        <br>
                                                        <br>
                                                        <div class="collapse {{$item->state == 1?'show':''}}" id="collapse_{{$entidad->idEntidad}}">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                            <label for="descripcion_{{$entidad->idEntidad}}">Descripción</label>
                                                            <textarea  class="form-control" onchange="enabledEdit()" name="desc[{{$entidad->idEntidad}}]" id="descripcion_{{$entidad->idEntidad}}" placeholder="Descripción para pagos por: {{$entidad->nombre}}" cols="30" rows="5">{{$item->descripcion}}</textarea>
                                                            </div>
                                                        </div>
                                                        </div>
                                                        @endif
                                                    @endforeach
                                                    @endif
                        
                                                    @if (!$exists)
                                                    <div class="col-md-12">
                                                    <div class="justify-content-end">
                                                        <input type="checkbox" class="form-check-input" name="entidad[{{$entidad->idEntidad}}]" id="check_entidad_{{$entidad->idEntidad}}" {{-- {{$data['categoria'] == true? 'checked': ''}} --}} data-toggle="collapse" href="#collapse_{{$entidad->idEntidad}}" role="button" aria-expanded="false" aria-controls="collapseExample" onclick="enabledEdit()">
                                                        <label class="form-check-label col-md-12" for="check_entidad_{{$entidad->idEntidad}}">
                                                        <div class="col-md-12">
                                                            <img class="img-responsive pb-2" src="{{asset('files/filesEntidades') ."/". $entidad->img}}" alt="" width="150">
                                                        </div>
                                                        </label>
                                                        <br>
                                                    </div>
                                                </div>
                                                <br>
                                                <br>
                                                <div class="collapse fade" id="collapse_{{$entidad->idEntidad}}">
                                                    <div class="col-md-12">
                                                    <div class="form-group">
                                                        <label for="descripcion_{{$entidad->idEntidad}}">Descripción</label>
                                                        <textarea class="form-control" name="desc[{{$entidad->idEntidad}}]" id="descripcion_{{$entidad->idEntidad}}" placeholder="Descripción para pagos por: {{$entidad->nombre}}" cols="30" rows="5"></textarea>
                                                    </div>
                                                    </div>
                                                </div>
                                                    @endif
                                                    
                                            @endforeach
                                        @else
                                            <div class="col-md-12">
                                                <div class="text-center alert alert-warning" role="alert">
                                                No se encontraron entidades para su pais, por favor contacte con la administracion para más información.
                                                </div>
                                            </div>
                                        @endif
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@endsection

@section('js')
<script>
    var editable = false;
    function changeConfig()
    {
      var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
          url: UrlHost_+"/administrator/transferencias/ajax/changeStatus",
          /* data: {
              idRestaurante: {{$tipoPago->idRestaurante}}
          }, */
          type: 'post',
          dataType: 'json',
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
              swal({
                  title: "Cargando...",
                  text: "Espere un momento",
                  showConfirmButton: false
              });
          },
          success: function(response){
              if (response.code == 200) {
                  if($('#transferencia_config').is(':checked') ) {
                      $("#transferencia_config").attr("checked", false);
                      $('#content-config').css('display', '');
                      /* if(!response.hasRes)
                      {
                          $('#guardarResolucion').modal({backdrop: 'static', keyboard: false})
                      } */
                  }else{
                      $("#transferencia_config").attr("checked", true);
                      $('#content-config').css('display', 'none');
                  }
              }else {
                  swal("Error!", response.message, "info");
              }
              swal.close();
          },
          error: function(xhr){
              swal("Error!", "Ha ocurrido un error intente mas tarde", "error");
          }
      });
    }
    
    function enabledEdit()
    {
      if(!editable)
      {
        editable = true;
        $('#btnSave').removeClass('disabled')
      }
    }

    function saveConfig()
    {
      var formData = new FormData(document.getElementById('formEntidades'))
      $.ajax({
        url: UrlHost_+"/administrator/transferencias/ajax/save",
        data: formData,
        type: 'post',
        dataType: 'json',
        processData: false,
        contentType: false,
        cache: false,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        beforeSend: function () {
            swal({
                title: "Cargando...",
                text: "Espere un momento",
                showConfirmButton: false
            });
        },
        success: function(response){
            if (response.code == 200) {
              swal("Excelente!", response.message, "success")
              editable = false;
              $('#btnSave').addClass('disabled')
                /* swal.close();
                $("#formAforo")[0].reset();
                $("#tbActualizar").load(location.href+" #tbActualizar>*","");
                $("#crearAforo").modal('hide'); */
            }else{
                swal("Info!", response.message, "info");
            }
        },
        error: function(xhr){
            swal("Error!", "Ha ocurrido un error intente mas tarde", "error");
        }
      });
    }
  </script>
@endsection