<?php $__env->startSection('content'); ?>

    <!-- BEGIN PAGE CONTENT BODY -->
    <div class="page-content">
        <div class="container-fluid">

            <!-- BEGIN PAGE BREADCRUMBS -->
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <a href="<?php echo e(route('dashboard')); ?>">Dashboard</a>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Perfil</span>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Cancelamento</span>
                </li>
            </ul>
            <div class="page-content-inner">                
                <div class="row" id="tab-refill">    
                    <div class="col-md-12">
                        <div class="portlet light">
                            <div class="portlet-title">
                                <div class="caption">
                                   <span class="caption-subject font-blue-madison sbold uppercase"> Atenção!
                                </div>
                            </div>
                            Ao cancelar seu plano acarretará em uma multa de cancelamento de <?php echo e($customer->multa); ?>% no valor das faturas pendentes:
                            <br><br>
                            <table class="table table-striped table-hover table">
                                <thead>
                                    <tr class="uppercase">
                                        <th class='col-md-1'>Parcela</th>
                                        <th class='col-md-1'>Data Vencimento</th>
                                        <th class='col-md-1'>Valor</th>
                                        <th class='col-md-1'>Multa</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach($faturas as $fatura): ?>
                                        <tr>
                                            <td><?php echo $fatura->parcela_contrato; ?></td>
                                            <td><?php echo dateToBR($fatura->data_vencimento); ?></td>
                                            <td><?php echo financialPrice($fatura->valor); ?>

                                                <a title = "Itens" onclick="detalhe(<?php echo e($fatura->id); ?>)"  class="showhide-<?php echo e($fatura->id); ?> popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Mostrar itens">
                                                    <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
                                                </a>
                                                <a onclick="detalhe(<?php echo e($fatura->id); ?>)" class="showhide-<?php echo e($fatura->id); ?> popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Esconder itens" style="display:none;"><span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span></a>
                                            </td>
                                            <td><?php echo financialPrice($fatura->multa); ?></td>
                                        </tr>
                                            <tr style="display:none;background:#dedede;" class="uppercase detalhe-<?php echo e($fatura->id); ?>">
                                                <td><strong>Tipo</strong></td> 
                                                <td colspan="2"><strong>Descrição do serviço</strong></td> 
                                                <td colspan="2"><strong>Valor Parcela</strong></td>
                                            </tr>
                                            <?php foreach($fatura->itens as $itens): ?>

                                                <tr style="display:none;background:#dedede;" class="detalhe-<?php echo e($fatura->id); ?>">
                                                    <td><?php echo e($itens->tipo); ?></td> 
                                                    <td colspan="2"><?php echo e($itens->description); ?></td> 
                                                    <td colspan="2">R$ <?php echo e(formatMoney($itens->valor_parcela)); ?></td>

                                                </tr>
                                            <?php endforeach; ?>
                                    <?php endforeach; ?>
                                </tbody>
                            </table>
                            <div class="row">
                                <div class="col-md-7">
                                    Valor total de faturas pendentes: <strong> <?php echo e(financialPrice($totalFaturas)); ?></strong>
                                </div>
                                <div class="col-md-5">
                                    Valor de Multa de Contrato: <strong><?php echo e(financialPrice($multa)); ?> </strong>
                                    <br><br>
                                </div>
                            </div>

                            <?php echo Form::open(['route' => 'profile.cancelamento', 'method' => 'post']); ?>

                                <div class="row" id="motivo_cancelamento">
                                    <div class="form-group col-md-3">
                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                            <div class="input-group left-addon">
                                                <span class="input-group-addon has-personalizado">
                                                    <i class="fa fa-calendar"></i>
                                                </span>
                                                <?php echo Form::label('layout', 'Data de cancelamento', ['class' => 'control-label']); ?>

                                                 <?php echo Form::select('data_cancelamento',$datasCancelamento,'',['class'=>'form-control','onchange'=>'habilitaCamposItens(this.value);']); ?>

                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group col-md-12">
                                        <?php echo Form::label('motivo', 'Motivo do Cancelamento:'); ?>

                                        <?php echo Form::textarea("motivo", null, ['class' => 'form-control', 'id'=>'user_summary']); ?>

                                    </div>
                                </div>
                                <div class="form-group col-md-3">
                                   <?php echo Form::submit('Concordo e Prosseguir', ['class'=>'btn blue-madison', 'id'=>'cancelarPlano']); ?>

                                   
                                   <a class="btn red" href="perfil">Voltar</a>
                                </div>
                                <br/><br/>
                            <?php echo Form::close(); ?>

                        </div>
                    </div> 
                </div>                    
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
    <!-- END PAGE CONTENT BODY -->
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js-admin-faq'); ?>
    <script src="<?php echo e(asset('/assets/global/scripts/app.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/select2/js/select2.full.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/pages/scripts/components-select2.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/fancybox/source/jquery.fancybox.js?v=2.1.5')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/bootstrap-summernote/summernote.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/apps/scripts/jquery.maskMoney.js')); ?>" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function() { 
            $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
                'Jul','Ago','Set','Out','Nov','Dez'],
                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: '',
                maxDate: "7d",
                minDate: '0'
            };

            $.datepicker.setDefaults($.datepicker.regional['pt-BR']);

            $("#data_vencimento").datepicker();

        });
        function detalhe(id){
            $(".showhide-"+id).toggle();
            $(".detalhe-"+id ).toggle();
        }
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>