@extends('layouts.back')

@section('titulo', 'Assinaturas')

@section('page_header','Painel')

@section('breadcrumbs')
@if(isset($item->id))
@breadcrumbs(["itens" => ["Assinaturas" => route('assinaturas.index'), "Editar assinatura #" . $item->id => ""]])
@else
@breadcrumbs(["itens" => ["Assinaturas" => route('assinaturas.index'), "Criar assinatura" => "" ]])
@endif
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">

            @component('components.outros.botoes-padroes-topo', ['route' => 'assinaturas', 'item' => $item])
            @endcomponent

            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{ $item->id ? 'Editar Assinatura' : 'Nova Assinatura'}}</h4>
                </div>

                <form action="{{ $item->id ? route('assinaturas.update', $item->id) : route('assinaturas.store')}}" method="post" class="form-horizontal form-bordered" enctype="multipart/form-data" id="form-principal">
                    @csrf
                    {{ $item->id ? method_field('PATCH') : "" }}

                    <div class="card-body">

                        @component('components.outros.alerta-erros', compact('errors'))
                        @endcomponent

                        @if($item->id)
                            <input type="hidden" name="cliente_id" value="{{ $item->cliente_id }}">
                        @endif

                        <div class="tab-content">
                            <div class="form-group row">
                                <label class="col-md-3 control-label" for="cliente">Cliente <span class="required">*</span></label>
                                <div class="col-md-12">
                                    <select class="form-control" name="cliente_id" id="cliente" required>
                                        @foreach($clientes as $cliente)
                                            <option value="{{$cliente->id}}" {{ $item->id && ($cliente->id == $item->cliente_id) ? 'selected' : '' }}>{{$cliente->razao_social}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-3 control-label" for="plano">Plano <span class="required">*</span></label>
                                <div class="col-md-12">
                                    <select class="form-control" name="plano_id" id="plano" required>
                                        @foreach($planos as $plano)
                                            <option value="{{$plano->id}}" {{ $item->id && ($plano->id == $item->plano_id) ? 'selected' : '' }}>{{$plano->nome}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-3 control-label" for="situacao">Situação <span class="required">*</span></label>
                                <div class="col-md-12">
                                    <select class="form-control" name="situacao" id="situacao" required>
                                        <option value="Pagamento Pendente" {{ $item->id && ($item->situacao == 'Pagamento Pendente') ? 'selected' : '' }}>Pagamento Pendente</option>
                                        @if($item->id)
                                        <option value="Aguardando Confirmação de Pagamento" {{ $item->id && ($item->situacao == 'Aguardando Confirmação de Pagamento') ? 'selected' : '' }}>Aguardando Confirmação de Pagamento</option>
                                        <option value="Ativa" {{ $item->id && ($item->situacao == 'Ativa') ? 'selected' : '' }}>Ativa</option>
                                        <option value="Pagamento Recusado" {{ $item->id && ($item->situacao == 'Pagamento Recusado') ? 'selected' : '' }}>Pagamento Recusado</option>
                                        <option value="Cancelada" {{ $item->id && ($item->situacao == 'Cancelada') ? 'selected' : '' }}>Cancelada</option>
                                        @endif
                                    </select>
                                    {{--@if($item->id)
                                    <small id="aviso-cancelada" style="display:none;"><strong>Atenção! </strong>Após Cancelar esta Assinatura o Plano será alterado para o modo Gratuito e o cliente terá acesso apenas a sua área administrativa no sistema Gens e não mais aos recursos.</small>
                                    @endif--}}
                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label" for="data_expiracao">Data Expiração <span class="required">*</span></label>
                                <div class="col-sm-12">
                                    <input class="form-control" type="date" name="data_expiracao" id="data_expiracao" value="{{old('data_expiracao', $item->data_expiracao)}}">
                                </div>
                            </div>

                            @if(Auth::user()->hasRole(['Administrador', 'Gerente de CRM', 'Consultor']))
                                <div class="form-group row">
                                    <label class="col-md-3 control-label" for="consultor">Consultor </label>
                                    <div class="col-md-12">
                                        <select class="form-control" name="consultor_id" id="consultor_id">
                                            @if(Auth::user()->hasRole(['Administrador', 'Gerente de CRM']))
                                                <option value="" {{ $item->id && ($item->consultor_id == null) ? 'selected' : '' }}>Sem Consultor Definido</option>
                                                @foreach($consultores as $consultor)
                                                <option value="{{$consultor->id}}" {{ $item->id && ($consultor->id == $item->consultor_id) ? 'selected' : '' }}>{{$consultor->nome}}</option>
                                                @endforeach
                                            @else
                                                <option value="{{Auth::user()->id}}" selected>{{Auth::user()->nome}}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            @endif

                            @if($item->id && $item->situacao == "Pagamento Pendente")
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">Link para pagamento</label>
                                <div class="col-sm-12 input-group mb-3">
                                    <input type="text" class="form-control" value="{{route('checkout', $item->id)}}" id="copiar-link" disabled>
                                    <div class="input-group-append">
                                      <span class="btn btn-secondary" id="btn-copiar-link" type="button" onclick="copiar();"><i class="fa fa-clone" aria-hidden="true"></i> Copiar</button>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                    <div class="card-footer col-md-12">
                        <button type="submit" class="btn btn-success waves-effect waves-light">Salvar</button>
                        <button type="button" class="btn btn-danger waves-effect waves-light" id="btn-cancelar" data-toggle="modal" data-target="#cancelar-assinatura">Cancelar Assinatura</button>
                        <a href="{{route('assinaturas.index')}}" class="btn btn-secondary waves-effect">Cancelar</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- sample modal content -->
    <div id="cancelar-assinatura" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <form action="{{route('cancelar', $item->id)}}" method="post">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title mt-0" id="myModalLabel">Cancelar Assinatura</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    </div>
                    <div class="modal-body">
                        <h5>Tem certeza que deseja Cancelar a Assinatura #{{$item->id}}?</h5>
                        <p>Após confirmação essa Instituição terá acesso aos atuais recursos do sistema Gensino somente até <strong>{{date('d/m/Y', strtotime($item->data_expiracao))}}</strong>.</p>
                        <p><strong>Sim, desejo cancelar esta assinatura pois:</strong></p>
                        @php
                            $motivos = \App\Motivo::where('tipo','cancelamento')->get();
                        @endphp
                        <div>
                            @foreach($motivos as $motivo)
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="motivo" id="motivo-{{$motivo->id}}" value="{{$motivo->id}}" required>
                                <label class="form-check-label" for="motivo" onclick="$('#motivo-{{$motivo->id}}').click();">{{$motivo->descricao}}</label>
                            </div>
                            @endforeach
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="motivo" id="showOutro" value="outro" required>
                                <label class="form-check-label" for="showOutro" onclick="$('#showOutro').click();">Outro</label>
                            </div>
                        </div>
                        <input type="text" class="form-control" name="outro" id="outro" value="{{old('outro')}}" style="display:none; margin-top:10px;">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Sair</button>
                        <button type="submit" class="btn btn-secondary waves-effect waves-light">Cancelar Assinatura</button>
                    </div>
                </div><!-- /.modal-content -->
            </form>
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

@endsection

@push('footer_imports_end')
    <script src="{{asset('js/validations/adm/valida.assinaturas.js') }}"></script>
@endpush

@push('js')
    <script type="text/javascript">

        $('#situacao').change(function() {
            alterarStatusCampoDataExpiracao();
        });

        function getDataFormatada(date) {
            let data_formatada;
            data_formatada = date.getFullYear();
            data_formatada += '-' + getValorComZerosEsquerda((date.getMonth() + 1));
            data_formatada += '-' + getValorComZerosEsquerda(date.getDate());
            return data_formatada;
        }

        function getValorComZerosEsquerda(numero) {

            if (numero < 10)
                return '0' + numero;
            else
                return numero;

        }

        //copiando link de pagamento
        function copiar() {
            $('#copiar-link').attr('disabled',false);

            var copyText = document.getElementById("copiar-link");
            copyText.select();
            copyText.setSelectionRange(0, 99999)
            document.execCommand("copy");

            var tooltip = document.getElementById("btn-copiar-link");
            tooltip.innerHTML = "Copiado";

            $('#copiar-link').attr('disabled',true);
        }

        function getSituacao(situacao){
            /*var situacao = situacao.value;
            if(situacao == "Cancelada"){
                $('#aviso-cancelada').css('display','block');
            }else{
                $('#aviso-cancelada').css('display','none');
            }*/
        }

        /*function alterarStatusCampoDataExpiracao() {
            let situacao = $('#situacao').val();
            let $data_expiracao = $('#data_expiracao');
            let $label = $('label[for="data_expiracao"] .required');
            if (situacao != 'Ativa') {
                $data_expiracao.val('');
                $label.addClass('d-none');
                $data_expiracao.attr('disabled', 'disabled');
                $data_expiracao.removeAttr('required');
            } else {
                $label.removeClass('d-none');
                $data_expiracao.removeAttr('disabled');
                $data_expiracao.attr('required', 'required');
                if ($data_expiracao.val() == '') {
                    let date = new Date();
                    date.setDate(date.getDate() + 30);
                    let data_expiracao = getDataFormatada(date);
                    $('#data_expiracao').val(data_expiracao);
                }
            }
        }*/

        $('input:radio[name="motivo"]').change(function(){

            if ($(this).is(':checked') && $(this).val() == 'outro') {
                $('#outro').css('display','block');
                $('#outro').attr('required', true);
            }
            else{
                $('#outro').css('display','none');
                $('#outro').attr('required', false);
            }
        });

        $(function() {

            //gerando TOKEN automaticamente
            $.ajaxSetup({
                headers:{
                    'X-CSRF-TOKEN':"{{ csrf_token()}}"
                }
            });

            //alterarStatusCampoDataExpiracao();

            @if($item->id)
                $('#cliente').attr('disabled', true);
                $('#situacao').attr('disabled', true);
                $('#data_expiracao').attr('disabled', true);
            @else
                tratarCamposValorDependendoTipoPlano();
            @endif
        });

    </script>
@endpush