@extends('template.layoutAdmin', ['activeButton'=>'pagos'])
@section('title')
{{  trans('payments.pagosEfectivoTitulo') }}
@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="col-md-12">
                        <div class="row">
                            <div class="col-md-10">
                                <h1>
                                    <small> {{  trans('payments.configPagoEfectivo') }} 
                                    </small>
                                </h1>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <div class="row" id="porServicio">
                        @foreach ($tipoPagoGeneral as $item)
                            @if ($item->idServicio == 22 && $item->efectivo != 2 )
                            <div class="col text-center">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col text-center">
                                            {{  trans('payments.ordenar') }} 

                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col text-center">
                                        <label class="switch">
                                            @php
                                                $estadoOrdenarefectivo = false;
                                                if(!empty($tipoPagoOrdenar)){
                                                    if($tipoPagoOrdenar->efectivo == 1)
                                                    {
                                                        $estadoOrdenarefectivo = true;
                                                    }
                                                }
                                            @endphp
                                            <input  type="checkbox"
                                                    name="ordenar"
                                                    onclick="changeStateService(22)"
                                                    id="ordenar" value=""
                                                    class="success"
                                                    {!!  !empty($tipoPagoOrdenar) && $estadoOrdenarefectivo? 'checked="true"': '' !!}
                                                    {{ !empty($tipoPagoOrdenar) && $tipoPagoOrdenar->efectivo == 2 ? 'disabled':'' }}>
                                            <span class="slider round"></span>
                                        </label>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            @endif
                            @if ($item->idServicio == 23 && $item->efectivo != 2)
                                <div class="col text-center">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col text-center">
                                            {{  trans('payments.paraLlevar') }} 
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col">
                                            <label class="switch">
                                                @php
                                                    $estadoParallevartransferencia = false;
                                                    if(!empty($tipoPagoParaLlevar))
                                                    {
                                                        if($tipoPagoParaLlevar->efectivo == 1)
                                                        {
                                                            $estadoParallevartransferencia = true;
                                                        }
                                                    }
                                                @endphp


                                                <input  type="checkbox"
                                                        name="paraLlevar"
                                                        onclick="changeStateService(23)"
                                                        id="paraLlevar" value=""
                                                        class="success"
                                                        {!! !empty($tipoPagoParaLlevar) && $estadoParallevartransferencia ? 'checked="true"': '' !!}
                                                        {{ !empty($tipoPagoParaLlevar) && $tipoPagoParaLlevar->efectivo == 2 ? 'disabled':'' }}>
                                                <span class="slider round"></span>
                                            </label>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            @endif
                            @if ($item->idServicio == 24 && $item->efectivo != 2)
                                <div class="col text-center">
                                    <div class="row">
                                        <div class="col text-center">
                                            {{  trans('payments.domicilio') }} 

                                        </div>
                                    </div>
                                    <div class="col text-center">
                                        <label class="switch">
                                            @php
                                                $estadoDomicilioefectivo = false;
                                                if(!empty($tipoPagoDomicilio)){
                                                    if($tipoPagoDomicilio->efectivo == 1)
                                                    {
                                                        $estadoDomicilioefectivo = true;
                                                    }
                                                }
                                            @endphp
                                            <input  type="checkbox"
                                                    name="domicilios"
                                                    onclick="changeStateService(24)"
                                                    id="domicilios" value=""
                                                    class="success"
                                                    {!! !empty($tipoPagoDomicilio) && $estadoDomicilioefectivo ? 'checked="true"': '' !!}
                                                    {{ !empty($tipoPagoDomicilio) && $tipoPagoDomicilio->efectivo == 2 ? 'disabled':'' }}>
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



@endsection

@section('js')

    <script>
        var editable = false;
        function changeConfig(){
            var host = "{{$_SERVER["HTTP_HOST"]}}";
            $.ajax({
                url: UrlHost_+"/administrator/payments/cash/ajax/changeStatus",
                type: 'post',
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function () {
                    swal({
                        title: " {{  trans('payments.cargando') }} ",
                        text: " {{  trans('payments.espereUnMomento') }} ",
                        showConfirmButton: false
                    });
                },
                success: function(response){
                    if (response.code == 200) {
                        if($('#cash_config').is(':checked') ) {
                        $("#cash_config").attr("checked", false);
                        $('#content-config').css('display', '');
                      $('#porServicio').css('display','');
                        /* if(!response.hasRes)
                        {
                            $('#guardarResolucion').modal({backdrop: 'static', keyboard: false})
                        } */
                        }else{
                            $("#cash_config").attr("checked", true);
                            $('#content-config').css('display', 'none');
                      $('#porServicio').css('display','none');
                        }
                    }else {
                        swal("Error!", response.message, "info");
                    }
                    swal.close();
                },
                error: function(xhr){
                    swal("Error!", " {{  trans('payments.errorMessage') }} ", "error");
                }
            });
        }

        function changeStateService(id) {
        var host = "{{$_SERVER["HTTP_HOST"]}}";
      $.ajax({
          url: UrlHost_+"/administrator/payments/cash/ajax/changeStatus/servicio",

        data:{
            service:id
        },
          type: 'post',
          dataType: 'json',
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          beforeSend: function () {
              swal({
                  title: " {{  trans('payments.cargando') }} ",
                  text: " {{  trans('payments.espereUnMomento') }} ",
                  showConfirmButton: false
              });
          },
          success: function(response){
              if (response.code == 200) {
                  if(id == 22 ){
                        if($('#ordenar').is(':checked') ) {
                            $("#ordenar").attr("checked", false);
                        }else{
                            $("#ordenar").attr("checked", true);
                        }
                  }
                  if(id == 23 ){
                        if($('#paraLlevar').is(':checked') ) {
                            $("#paraLlevar").attr("checked", false);
                        }else{
                            $("#paraLlevar").attr("checked", true);
                        }
                  }

                  if(id == 24 ){
                        if($('#domicilios').is(':checked') ) {
                            $("#domicilios").attr("checked", false);
                        }else{
                            $("#domicilios").attr("checked", true);
                        }
                  }
                  swal.close();
              }else {
                  swal("Error!", response.message, "info");
                  if(id == 22 ){
                        if($('#ordenar').is(':checked') ) {
                            $("#ordenar").attr("checked", false);
                        }
                  }
                  if(id == 23 ){
                        if($('#paraLlevar').is(':checked') ) {
                            $("#paraLlevar").attr("checked", false);
                        }
                  }

                  if(id == 24 ){
                        if($('#domicilios').is(':checked') ) {
                            $("#domicilios").attr("checked", false);
                        }
                  }
              }
            //   swal.close();
          },
          error: function(xhr){
              swal("Error!", " {{  trans('payments.errorMessage') }} ", "error");
          }
      });
    }
    </script>

@endsection