@extends('layouts.site')

@section('title', 'Gens - Cadastrar Instituição')

@push('header_imports')
<!-- Select 2 -->
<link href="{{asset('plugins/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
@endpush

@section('content')

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

<section class="section-header">
    <div class="container container-header">
        <h2>Cadastrar Instituição</h2>
        @component('components.site.breadbrumb', ["itens" => ["Cadastrar Instituição" => ""]])
        @endcomponent
    </div>
</section>

<section class="section-header">
    <div class="container">
        <div class="row etapa">
            <div class="col-lg-04 col-md-4 col-sm-4 etapas-checkout">
                <h2>1 - Escolha seu Plano <i class="fa fa-check" aria-hidden="true"></i></h2>
                <h5>Etapa anterior</h5>
            </div>
            <div class="col-lg-04 col-md-4 col-sm-4 etapas-checkout etapa-active">
                <h2 style="padding-top: 5px;">2 - Cadastre sua Escola</h2>
                <h4>Você está aqui</h4>
            </div>
            <div class="col-lg-04 col-md-4 col-sm-4 etapas-checkout">
                <h2 style="padding-top: 5px;">3 - Realize o Pagamento</h2>
                <h5>Próxima etapa</h5>
            </div>
        </div>
    </div>
</section>

<section class="contact-info-one pricing-one pricing-one__home-two">
    <div class="container">
        <img src="{{asset('site/assets/images/shapes/contact-info-shape-1-1.png')}}" class="contact-info-one__bg-shape-1" alt="">
        {{--<div class="block-title text-center">
            <div class="block-title__line"></div>
            <h3>Cadastrar Instituição</h3>
            <p>Complete seu cadastro preenchedo os dados da sua Instituição de Ensino.</p>
        </div>--}}
        <form method="POST" action="{{route('instituicao.store')}}" class="comment-form__wrap" id="formPayment">

            <div class="row">
                <div class="col-lg-4">
                    <div class="sidebar__single">
                        <h3>Plano selecionado</h3>
                        <div class="row">
                            <div class="col-lg-10 col-lg-offset-1">
                                <div class="pricing-one__single plano-checkout">
                                    <span class="pricing-one__label">Plano {{$plano->nome}}</span>
                                    <div class="pricing-one__inner">
                                        {{--<h3>{{$assinatura->plano->nome}}</h3>--}}
                                        <p><b>R$</b><span>{{$plano->preco}}</span>/ mês</p>
                                        <div class="pricing-one__line"></div>
                                        <ul class="list-unstyled pricing-one__list">
                                            @foreach($plano->recursos as $recurso)
                                            <li class=""><strong>{{$recurso->nome}}</strong><br>{{$recurso->pivot->descricao_recurso}}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-8 col-md-8">
                    <div class="comment-form checkout-form">
                        <h3 class="comment-form__title">Preencha aqui os dados da sua Instituição de Ensino</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

                        @csrf

                        <div class="col-lg-12 col-md-12 white-form">
                            <div class="row">
                                <div class="col-lg-4 col-md-6">
                                    <label>Razão Social <span class="required">*</span></label>
                                    <input type="text" class="form-control" id="razao_social" name="cliente[razao_social]" placeholder="Ex: Empresa ... LTDA" value="{{old('cliente.razao_social')}}" maxlength="80" required>
                                </div>
                                <div class="col-lg-4 col-md-6">
                                    <label>Nome Fantasia <span class="required">*</span></label>
                                    <input type="text" class="form-control" id="fantasia" name="cliente[fantasia]" placeholder="Escola ..." value="{{old('cliente.fantasia')}}" maxlength="80" required>
                                </div>
                                <div class="col-lg-4">
                                    <label>CNPJ <span class="required">*</span></label>
                                    <input type="text" class="form-control cnpj" id="cnpj" name="cliente[cnpj]" placeholder="Ex: 12.345.678/9123-45" value="{{old('cliente.cnpj')}}" required>
                                </div>
                            </div>
                            <div class="row form-ie">
                                <div class="col-lg-6 col-md-6">
                                    <label>Possuo Inscrição estadual </label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text">
                                                <input type="radio" name="cliente[isento]" id="nao_isento" value="0" checked onclick="$('#ie').prop('required', true);$('#ie').prop('disabled', false);">
                                            </div>
                                        </div>
                                        <input type="text" class="form-control" id="ie" name="cliente[ie]"  placeholder="Insira sua IE aqui." value="{{old('cliente.ie')}}" maxlength="15">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <label>Sou isento. Não possuo IE. </label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text">
                                                <input type="radio" id="isento" name="cliente[isento]" value="1" onclick="$('#ie').prop('required', false);$('#ie').prop('disabled', true);$('#ie').val('');">
                                            </div>
                                        </div>
                                        <input type="text" class="form-control" value="ISENTO" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12">
                                    <label>E-mail <span class="required">*</span></label>
                                    <input type="mail" class="form-control" id="email" name="cliente[email]" placeholder="Ex: mail@mail.com" value="{{old('cliente.email', $representante->email)}}" maxlength="80" required>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6 col-md-6">
                                    <label>Celular <span class="required">*</span></label>
                                    <input type="text" class="form-control celular" id="celular" name="cliente[celular]" placeholder="Ex: (99) 99999-9999" value="{{old('cliente.celular')}}" required>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <label>Telefone </label>
                                    <input type="text" class="form-control telefone" id="telefone" name="cliente[telefone]" placeholder="Ex: (99) 9999-9999" value="{{old('cliente.telefone')}}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-8 col-md-8">
                                    <label>Rua <span class="required">*</span></label>
                                    <input type="text" class="form-control" id="rua" name="cliente[rua]" placeholder="Ex: Rua A" value="{{old('cliente.rua')}}" maxlength="45" required>
                                </div>
                                <div class="col-lg-4 col-md-4">
                                    <label>Número <span class="required">*</span></label>
                                    <input type="text" class="form-control without-spin" id="numero" name="cliente[numero]" min="0" placeholder="Ex: 123" value="{{old('cliente.numero')}}" maxlength="15" required>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4 col-md-4">
                                    <label>Complemento</label>
                                    <input type="text" class="form-control" id="complemento" name="cliente[complemento]" placeholder="Ex: Apto B, Sala C" value="{{old('cliente.complemento')}}" maxlength="45">
                                </div>
                                <div class="col-lg-4 col-md-4">
                                    <label>Bairro <span class="required">*</span></label>
                                    <input type="text" class="form-control" id="bairro" name="cliente[bairro]" placeholder="Ex: Centro" value="{{old('cliente.bairro')}}" maxlength="45" required>
                                </div>
                                <div class="col-lg-4 col-md-4">
                                    <label>CEP <span class="required">*</span></label>
                                    <input type="text" class="form-control cep" id="cep" name="cliente[cep]" placeholder="Ex: 99999-999" value="{{old('cliente.cep')}}" maxlength="10" required>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6 col-md-6">
                                    <label>Estado <span class="required">*</span></label>
                                    <select data-plugin-selectTwo class="form-control" style="width: 100%;" name="cliente[estado]" id="estado" onChange="carregarCidades($(this).val(), null, 'cidade_id');">
                                        @foreach($estados as $estado)
                                        <option value="{{$estado->id}}">{{$estado->nome}}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <label>Cidade <span class="required">*</span></label>
                                    <select class="form-control" name="cliente[cidade_id]" id="cidade_id">
                                        @foreach($cidades as $cidade)
                                            <option value="{{$cidade->id}}">{{$cidade->nome}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <input type="hidden" id="plano_id" name="cliente[plano_id]" value="{{$plano->id}}" hidden>
                        </div>
                    </div>

                    <div class="col-lg-12 text-right checkout-form">
                        <button type="submit" class="thm-btn comment-form__btn btn-gensino-01 btn-salvar">Confirmar Dados</button>
                    </div>

                </div>
            </div>
        </form>
    </div>
</section>

@endsection

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

    $(document).ready(function() {
        if($('#nao_isento').prop("checked") == true){
            $("#ie").prop('required',true);
        }
    });

</script>
@endpush

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