@extends('layouts.site')

@section('title', 'Gens - Minhas Assinaturas')

@section('content')

<section class="page-header">
</section>

<section class="section-header">
    <div class="container container-header">
        <h2>Minhas Assinaturas</h2>
        @component('components.site.breadbrumb', ["itens" => ["Minha Conta" => "minha-conta", "Minhas Assinaturas" => ""]])
        @endcomponent
    </div>
</section>

<section class="contact-info-one pricing-one pricing-one__home-two">
    <div class="container">
        <div class="row checkout-form">
            <div class="col-lg-4 col-md-4">
                @component('components.site.menu-minha-conta', ['representante' => $representante])
                @endcomponent
            </div>
            <div class="col-lg-8 col-md-8 accordion-minhas-assinaturas">
                <div class="comment-form dados-form">
                    <h3 class="comment-form__title">Minhas Assinaturas</h3>

                    @if ($errors->any())
                        <div class="col-md-12" style="margin-bottom:0px;">
                            <div class="alert alert-danger col-lg-12 col-md-12">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                @foreach ($errors->all() as $error)
                                    <p style="margin:auto;"><strong class="msg-info">Atenção! </strong>{!! $error !!}</p>
                                @endforeach
                            </div>
                        </div>
                    @endif

                    @if(session('mensagem'))
                        <div class="col-md-12" style="margin-bottom:0px;">
                            <div class="alert alert-success col-lg-12 col-md-12">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                    <p style="margin:auto;"><strong class="msg-info">Feito!</strong>{!!session('mensagem')!!}</p>
                            </div>
                        </div>
                    @endif

                    @php $plano_gratuito = App\Plano::where('gratuito', 1)->first(); @endphp

                    @if(count($representante->institutions) > 0)
                        <div class="accordion" id="accordionClientes">
                            @foreach($representante->institutions as $cliente)
                                <div class="card">
                                    <div class="card-header title_menu_minha-conta" id="cliente-{{$cliente->id}}">
                                        <h4 class="mb-0">
                                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-{{$cliente->id}}" aria-expanded="true" aria-controls="collapse-{{$cliente->id}}">
                                                <i class="fas fa-chevron-down"></i> <strong>Assinatura #{{$cliente->assinatura->id}}</strong> - {{$cliente->fantasia}} <strong> {{($cliente->assinatura->situacao == "Ativa" || ($cliente->assinatura->situacao == "Cancelada" && $cliente->assinatura->plano_id != $plano_gratuito->id)) ? " - Plano ".$cliente->assinatura->plano->nome."" : " - ".$cliente->assinatura->situacao.""}}</strong>
                                            </button>
                                            @if($cliente->assinatura->situacao == 'Pagamento Pendente')
                                            <button class="btn btn-link" type="button" style="float:right; padding: 0px;">
                                                <strong><a href="{{route('checkout', $cliente->assinatura->id)}}" class="thm-btn cta-one__btn btn-gensino-04 btn-gensino-sm">Pague Agora</a></strong>
                                            </button>
                                            @elseif($cliente->assinatura->situacao == "Pagamento Recusado")
                                            <button class="btn btn-link" type="button" style="float:right; padding: 0px;">
                                                <strong><a href="{{route('alterar-cartao-recusado', $cliente->assinatura->id)}}" class="thm-btn cta-one__btn btn-gensino-04 btn-gensino-sm">Trocar Cartão</a></strong>
                                            </button>
                                            @elseif($cliente->assinatura->situacao == "Cancelada" && $cliente->assinatura->plano_id == $plano_gratuito->id)
                                            <button class="btn btn-link" type="button" style="float:right; padding: 0px;">
                                                <strong><a href="{{route('reativar-assinatura', $cliente->assinatura->id)}}" class="thm-btn cta-one__btn btn-gensino-04 btn-gensino-sm">Reative Agora</a></strong>
                                            </button>
                                            @endif
                                        </h4>
                                    </div>

                                    <div id="collapse-{{$cliente->id}}" class="collapse" aria-labelledby="cliente-{{$cliente->id}}" data-parent="#accordionClientes">
                                        <div class="card-body">
                                            <div class="container">
                                                <div class="row">
                                                    <div class="col-lg-12 col-md-12">
                                                        @csrf
                                                        <div class="row">
                                                            <div class="col-lg-8 col-md-8 text-left">
                                                                <p><strong>Cliente: </strong> {{$cliente->fantasia}}</p>
                                                            </div>
                                                            <div class="col-lg-4 col-md-4 text-right">
                                                                <a href="{{route('instituicao.edit', $cliente->id)}}" class="">Editar Dados da Escola</a>
                                                            </div>
                                                        </div>
                                                        <hr>
                                                        <div class="row">
                                                            @if($cliente->assinatura->plano_id != $plano_gratuito->id && $cliente->assinatura->alterar_plano == 0)
                                                            <div class="col-lg-8 col-md-8 text-left">
                                                                <p><strong>Plano Atual: </strong> {{$cliente->assinatura->plano->nome}}</p>
                                                            </div>
                                                            @elseif($cliente->assinatura->plano_id != $plano_gratuito->id && $cliente->assinatura->alterar_plano == 1)
                                                            <div class="col-lg-8 col-md-8 text-left">
                                                                <p><strong>Plano Atual: </strong> {{$cliente->assinatura->plano->nome}} <small>(até {{date('d/m/Y', strtotime($cliente->assinatura->data_expiracao))}}) </small></p>
                                                            </div>
                                                            @endif
                                                            @if($cliente->assinatura->situacao == 'Ativa' && $planos > 1 && $cliente->assinatura->alterar_plano == 0)
                                                            <div class="col-lg-4 col-md-4 text-right">
                                                                <a href="{{route('alterar-plano', $cliente->assinatura->id)}}" class="">Alterar Plano</a>
                                                            </div>
                                                            @elseif($cliente->assinatura->plano_id != $plano_gratuito->id && $cliente->assinatura->alterar_plano == 1)
                                                            <div class="col-lg-4 col-md-4 text-right">
                                                                <small class="entenda" data-toggle="tooltip" data-placement="bottom" title="Você solicitou a alteração de seu Plano atual e essa mudança ocorrerá após a cobrança de sua próxima fatura."><i class="fal fa-info-circle"></i> Entenda</small>
                                                            </div>
                                                            @endif
                                                        </div>
                                                        <div class="row">
                                                            @if($cliente->assinatura->plano_id != $plano_gratuito->id)
                                                            <div class="col-lg-8 col-md-8 text-left">
                                                                <p><strong>Valor: </strong>R$ {{number_format($cliente->assinatura->plano->preco,2,',','.')}}/mês</p>
                                                            </div>
                                                            @endif
                                                            @if($cliente->assinatura->situacao == 'Ativa')
                                                            <div class="col-lg-4 col-md-4 text-right">
                                                                <a href="{{route('assinatura.edit', $cliente->assinatura->id)}}" class="">Alterar Cartão</a>
                                                            </div>
                                                            @endif
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-lg-8 col-md-8 text-left">
                                                                <p><strong>Situação da Assinatura: </strong> {{$cliente->assinatura->situacao}}</p>
                                                            </div>
                                                            <div class="col-lg-4 col-md-4 text-right">
                                                                {{--<a href="{{route('cancelar-assinatura', $cliente->assinatura->id)}}" class="">Cancelar Assinatura</a>--}}
                                                                <!-- Button trigger modal -->
                                                                @if($cliente->assinatura->situacao == 'Ativa')
                                                                <a href="" class="modal-cancelar" data-toggle="modal" data-target="#cancelarAssinatura" data-id="{{$cliente->assinatura->id}}" data-expiration="{{date('d/m/Y', strtotime($cliente->assinatura->data_expiracao))}}">
                                                                    Cancelar Assinatura
                                                                </a>
                                                                @elseif($cliente->assinatura->situacao == 'Pagamento Pendente')
                                                                <a href="{{route('checkout', $cliente->assinatura->id)}}" class="">Completar Pagamento</a>
                                                                @elseif($cliente->assinatura->situacao == 'Pagamento Recusado')
                                                                <a href="{{route('alterar-cartao-recusado', $cliente->assinatura->id)}}" class="">Substituir Cartão</a>
                                                                @elseif($cliente->assinatura->situacao == 'Cancelada' && $cliente->assinatura->plano_id == $plano_gratuito->id)
                                                                <a href="{{route('reativar-assinatura', $cliente->assinatura->id)}}" class="">Reativar Assinatura</a>
                                                                @endif
                                                            </div>
                                                            {{--<div class="col-lg-8 col-md-8 text-left">
                                                                @if($cliente->assinatura->situacao == 'Cancelada' && $cliente->assinatura->plano_id != $plano_gratuito->id)
                                                                <p>Sua assinatura foi cancelada e você terá acesso ao sistema até o dia <strong> {{date('d/m/Y', strtotime($cliente->assinatura->data_expiracao))}}</strong>.</p>
                                                                @elseif($cliente->assinatura->situacao == 'Cancelada' && $cliente->assinatura->plano_id == $plano_gratuito->id)
                                                                <p>Sua assinatura foi cancelada e você teve acesso ao sistema até o dia <strong> {{date('d/m/Y', strtotime($cliente->assinatura->data_expiracao))}}</strong>.</p>
                                                                @endif
                                                            </div>--}}
                                                            {{--<div class="col-lg-4 col-md-4 text-right">
                                                                @if($cliente->assinatura->plano_id == $plano_gratuito->id)
                                                                <strong><a href="{{route('reativar-assinatura', $cliente->assinatura->id)}}" class="">Reativar Assinatura</a></strong>
                                                                @endif
                                                            </div>--}}
                                                            @if($cliente->assinatura->situacao == 'Pagamento Recusado')
                                                            <div class="col-lg-12 col-md-12 text-left">
                                                                <small class="entenda" data-toggle="tooltip" data-placement="bottom" title="Seu Cartão de Crédito está Expirado, Cancelado, Bloqueado ou não possui limite suficiente e você precisará substituí-lo."><i class="fal fa-info-circle"></i> Entenda</small>
                                                            </div>
                                                            @elseif($cliente->assinatura->situacao == 'Cancelada' && $cliente->assinatura->plano_id != $plano_gratuito->id && $cliente->assinatura->data_ultimo_pagamento != null)
                                                            <div class="col-lg-12 col-md-12 text-left">
                                                                <small class="entenda" data-toggle="tooltip" data-placement="bottom" title="Sua assinatura foi cancelada e você terá acesso ao sistema até o dia {{date('d/m/Y', strtotime($cliente->assinatura->data_expiracao))}}."><i class="fal fa-info-circle"></i> Entenda</small>
                                                            </div>
                                                            @elseif($cliente->assinatura->situacao == 'Cancelada' && $cliente->assinatura->plano_id == $plano_gratuito->id && $cliente->assinatura->data_ultimo_pagamento != null)
                                                            <div class="col-lg-12 col-md-12 text-left">
                                                                <small class="entenda" data-toggle="tooltip" data-placement="bottom" title="Sua assinatura foi cancelada e você teve acesso ao sistema até o dia {{date('d/m/Y', strtotime($cliente->assinatura->data_expiracao))}}."><i class="fal fa-info-circle"></i> Entenda</small>
                                                            </div>
                                                            @elseif($cliente->assinatura->situacao == 'Cancelada' && $cliente->assinatura->data_ultimo_pagamento == null)
                                                            <div class="col-lg-12 col-md-12 text-left">
                                                                <small class="entenda" data-toggle="tooltip" data-placement="bottom" title="Não foi possível finalizar a cobrança de sua assinatura no momento."><i class="fal fa-info-circle"></i> Entenda</small>
                                                            </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        <div class="title_menu_minha-conta nova-assinatura">
                            <div class="row">
                                <div class="col-lg-8 col-md-6 text-left">
                                    <h4 class="mb-0">Possui mais de uma escola ou filiais e gostaria de gerenciar isso separadamente?</h4>
                                    <h5>Crie uma nova assinatura!</h5>
                                </div>
                                <div class="col-lg-4 col-md-6 text-right">
                                    @php $plano = App\Plano::where('gratuito', 0)->first(); @endphp
                                    <a href="{{route('cadastrar-instituicao', $plano->id)}}" class="thm-btn cta-one__btn btn-gensino-01">Assine Já</a>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="title_menu_minha-conta">
                            <div class="row">
                                <div class="col-lg-8 col-md-6 text-left">
                                    <h4 class="mb-0">Você ainda não possui nenhuma Assinatura, comece agora!</h4>
                                </div>
                                <div class="col-lg-4 col-md-6 text-right">
                                    @php $plano = App\Plano::where('gratuito', 0)->first(); @endphp
                                    <a href="{{route('cadastrar-instituicao', $plano->id)}}" class="thm-btn cta-one__btn btn-gensino-01">Assine Já</a>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Modal Cancelar Assinatura -->
<div class="modal fade" id="cancelarAssinatura" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <form action="{{route('cancelar-assinatura')}}" method="post">
            @csrf
            <input type="hidden" id="assinatura_id" name="assinatura_id"value="" hidden>
            <div class="modal-content modal-cancel">
                <div class="modal-header title_menu_minha-conta">
                    <img src="{{asset('site/assets/images/loader.png')}}"><h4 class="modal-title" id="exampleModalLongTitle">Tem certeza que deseja Cancelar sua Assinatura?</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12 text-left">
                            <p style="margin-bottom: 0px;">Se estiver enfretando dificuldades, <a href="{{route('contato.index')}}">entre em contato</a> e podemos lhe ajudar!</p>
                        </div>
                        {{--<div class="col-md-5 text-right">
                            <button class="btn btn-link" type="button" style="padding-left: 0px;">
                                <strong><a href="{{route('contato.index')}}" class="thm-btn cta-one__btn btn-gensino-01 btn-gensino-sm">Fale Conosco</a></strong>
                            </button>
                        </div>--}}
                    </div>
                    <hr>
                    <p>Após confirmação sua Instituição terá acesso aos atuais recursos do sistema Gensino somente até <span class="strong" id="assinatura_expiration"></span>.</p>
                    <p><strong>Sim, desejo cancelar minha 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="thm-btn cta-one__btn btn-gensino-01 btn-gensino-sm" data-dismiss="modal">Desistir, continuar com minha Assinatura</button>
                    <button type="submit" class="thm-btn cta-one__btn btn-gensino-02 btn-gensino-sm">Confirmar</button>
                </div>
            </div>
        </form>
    </div>
  </div>
</div>

@endsection

@section('fale-conosco')

@component('components.site.fale-conosco')
@endcomponent

@endsection

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

    $('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);
        }
    });

    $('.modal-cancelar').click(function() {
        id = $(this).data("id");
        expiration = $(this).data("expiration");
        $("#assinatura_id").val(id);
        $("#assinatura_expiration").html(expiration);
    });


</script>
@endpush

@push('footer_imports_end')
    <script src="{{asset('plugins/select2/js/select2.min.js')}}"></script>
@endpush