@extends('layouts.default-painel')

@section('content')  

{{  HTML::style('css/pricing-tables.css')  }}


<div id="wrapper" class="full">
    <div id="content" class="max">
        <div class="tables">
         {{ App\Helper\PogfixHelper::passoCadastro(false)  }}
         <h4>Assinaturas </h4>  
         <div class="row">
            <div class="col-md-8 col-xs-12">
                <div class="col-sm-4 col-lg-4 col-md-6 col-xs-6">
                    <div style="display: none">
                        <select class="form-control pagamento" name="tipo">
                            <option data-value="" value="1" selected="selected">   </option>
                        </select>
                    </div><table class="pricing">
                    <thead>
                        <tr>
                            <td class="pricing-head-green text-center">
                                <span class="pricing-title">Básico Mensal</span>

                                <div class="pricing-price">
                                    <span class="pricing-currency">R$</span>
                                    <span class="pricing-amount">69,90</span>
                                    <!--<span class="pricing-period">/mês</span>-->
                                </div>
                                <p class="italic text-white"> Melhor solução para você a um baixo custo </p>
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr><td><strong>Controle de agenda </strong></td> </tr>
                        <tr><td><strong>Relatórios de consultas realizadas</strong></td> </tr>
                        <tr><td><strong>Configure o lembrete de seus pacientes</strong></td> </tr> 
                        <tr><td><strong>Cadastro de Assistentes</strong></td></tr>
                        <tr><td><strong>Suporte</strong>

                            <div style="display: none">
                                <select name="tipo" class="form-control pagamento">
                                    <option value="1" selected="selected" data-value=""> </option>
                                </select> 
                            </div>

                        </td></tr>

                    </tbody>
                    <tfoot>
                        <tr>
                            <td>
                                <p>
                                    <a data-id="2" class="btn btn-default btn-wide btn-assinar-not" href="#"> Assinar </a>
                                </p>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="col-sm-4 col-lg-4 col-md-6 col-xs-6">
                <table class="pricing">
                    <thead>
                        <tr>
                            <td class="pricing-head-blue text-center">
                                <span class="pricing-title">  Trimestral</span>

                                <div class="pricing-price">
                                    <span class="pricing-currency">R$</span>
                                    <span class="pricing-amount">199,21</span>
                                    <!--<span class="pricing-period">/trimestre</span>-->
                                </div>
                                <p class="italic text-white"> Melhor solução para você a um baixo custo </p>
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr><td><i class="icon-check text-green icon-left"></i>5% de desconto</td>
                        </tr><tr><td><strong>Controle de agenda </strong></td> </tr>
                        <tr><td><strong>Relatórios de consultas realizadas</strong></td> </tr>
                        <tr><td><strong>Configure o lembrete de seus pacientes</strong></td> </tr> 
                        <tr><td><strong>Cadastro de Assistentes</strong></td></tr>
                        <tr><td><strong>Suporte</strong></td></tr>
                        <tr>
                            <td>
                                <p class="smaller-text">
                                    <strong>*</strong>Válido por 3 meses
                                </p>  
                                <div style="display: none">
                                    <select name="tipo" class="form-control pagamento">
                                        <option value="2" selected="selected" data-value=""> </option>
                                    </select> 
                                </div>
                            </td>
                        </tr>


                    </tbody>
                    <tfoot>
                        <tr>
                            <td>
                                <p>
                                    <a data-id="2" class="btn btn-default btn-wide btn-assinar" href="#"> Assinar </a>
                                </p>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div> 
            <div class="col-sm-4 col-lg-4 col-md-6 col-xs-6">
                <div style="display: none">
                    <select class="form-control pagamento" name="tipo">
                        <option data-value="" value="1" selected="selected">   </option>
                    </select>
                </div><table class="pricing">
                <thead>
                    <tr>
                        <td class="pricing-head-purple text-center">
                            <span class="pricing-title"> Semestral</span> 
                            <div class="pricing-price">
                                <span class="pricing-currency">R$</span>
                                <span class="pricing-amount">377,46</span>
                                <!--<span class="pricing-period">/semestre</span>-->
                            </div>
                            <p class="italic text-white"> Melhor solução para você a um baixo custo </p>
                        </td>
                    </tr>
                </thead>
                <tbody>
                    <tr><td><i class="icon-check text-green icon-left"></i>10% de desconto</td>
                    </tr><tr><td><strong>Controle de agenda </strong></td> </tr>
                    <tr><td><strong>Relatórios de consultas realizadas</strong></td> </tr>
                    <tr><td><strong>Configure o lembrete de seus pacientes</strong></td> </tr> 
                    <tr><td><strong>Cadastro de Assistentes</strong></td></tr>
                    <tr><td><strong>Suporte</strong></td></tr>
                    <tr>
                        <td>
                            <p class="smaller-text">
                                <strong>*</strong>Válido por 6 meses
                            </p> 
                            <div style="display: none">
                                <select name="tipo" class="form-control pagamento">
                                    <option value="3" selected="selected" data-value=""> </option>
                                </select> 
                            </div>
                        </td>
                    </tr>


                </tbody>
                <tfoot>
                    <tr>
                        <td>
                            <p>
                                <a data-id="2" class="btn btn-default btn-wide btn-assinar" href="#"> Assinar </a>
                            </p>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="col-sm-4 col-lg-4 col-md-6 col-xs-6">
            <div style="display: none">
                <select class="form-control pagamento" name="tipo">
                    <option data-value="" value="1" selected="selected">   </option>
                </select>
            </div><table class="pricing">
            <thead>
                <tr>
                    <td class="pricing-head-dark text-center">
                        <span class="pricing-title">  Anual</span>

                        <div class="pricing-price">
                            <span class="pricing-currency">R$</span>
                            <span class="pricing-amount">671,04</span>
                            <!--<span class="pricing-period">/ano</span>-->
                        </div>
                        <p class="italic text-white"> Melhor solução para você a um baixo custo </p>
                    </td>
                </tr>
            </thead>
            <tbody>
                <tr><td><i class="icon-check text-green icon-left"></i>20% de desconto</td>
                </tr><tr><td><strong>Controle de agenda </strong></td> </tr>
                <tr><td><strong>Relatórios de consultas realizadas</strong></td> </tr>
                <tr><td><strong>Configure o lembrete de seus pacientes</strong></td> </tr> 
                <tr><td><strong>Cadastro de Assistentes</strong></td></tr>
                <tr><td><strong>Suporte</strong></td></tr>
                <tr>
                    <td>
                        <p class="smaller-text">
                            <strong>*</strong>Válido por 12 meses
                        </p> 

                        <div style="display: none">
                            <select name="tipo" class="form-control pagamento">
                                <option value="4" selected="selected" data-value=""> </option>
                            </select> 
                        </div>
                    </td>
                </tr>

            </tbody>
            <tfoot>
                <tr>
                    <td>
                        <p>
                            <a data-id="2" class="btn btn-default btn-wide btn-assinar" href="#"> Assinar </a>
                        </p>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div> 
</div> 
</div>
</div>
</div>
</div>

@stop