@extends('layouts.site')

@section('title', 'Gens - Minha Conta')

@section('content')

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

<section class="section-header">
    <div class="container container-header">
        <h2>Minha Conta</h2>
        @component('components.site.breadbrumb', ["itens" => ["Minha Conta" => ""]])
        @endcomponent
</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">
                <div class="comment-form dados-form">
                    <h3 class="comment-form__title">Meus dados</h3>
                    <form method="POST" action="{{route('meus-dados.update', $representante->id)}}" class="comment-form__wrap" id="meus-dados-form">
                        @csrf
                        {{ method_field('PATCH') }}

                        @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

                        <div class="row white-form">
                            <div class="col-lg-6 col-md-6">
                                <label>Nome <span class="required">*</span></label>
                                <input type="text" class="form-control" placeholder="Ex: João" id="nome" name="representante[name]" value="{{old('representante.name', $representante->name)}}" required disabled>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <label>Sobrenome <span class="required">*</span></label>
                                <input type="text" class="form-control" placeholder="Ex: Santos" id="sobrenome" name="representante[last_name]" value="{{old('representante.last_name', $representante->last_name)}}" required disabled>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <label>Celular <span class="required">*</span></label>
                                <input type="text" class="form-control celular" placeholder="Ex: (99) 99999-9999" id="celular" name="representante[cell_phone]" value="{{old('representante.cell_phone', $representante->cell_phone)}}" required disabled>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <label>Telefone (Opcional)</label>
                                <input type="text" class="form-control telefone" placeholder="Ex: (99) 9999-9999" id="telefone" name="representante[phone_number]" value="{{old('representante.phone_number', $representante->phone_number)}}" disabled>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <label>E-mail <span class="required">*</span></label>
                                <input type="mail" class="form-control" placeholder="Ex: joao@mail.com" id="email" name="representante[email]" value="{{old('representante.email', $representante->email)}}" required disabled>
                            </div>
                            <div class="col-lg-6 col-md-6">
                                <label>CPF <span class="required">*</span></label>
                                <input type="text" class="form-control cpf" placeholder="Ex: 123.456.789-12" id="cpf" name="representante[cpf]" value="{{old('representante.cpf', $representante->cpf)}}" required disabled>
                            </div>
                            <div class="col-lg-12 col-md-12 text-right">
                                <button id="btn-editar" type="button" class="thm-btn comment-form__btn btn-gensino-01">Editar</button>
                                <button id="btn-salvar" type="submit" class="thm-btn comment-form__btn btn-gensino-01 btn-salvar" style="display: none;">Salvar</button>
                            </div>
                        </div>
                    </form>
                </div>
                {{--opcao para excluir dados da conta ainda nao finalizado--}}
                {{--<div class="comment-form dados-form">
                    <h3 class="comment-form__title">Excluir meus dados</h3>
                    <form method="POST" action="{{route('excluir-dados', $representante->id)}}" class="comment-form__wrap" id="meus-dados-form">

                        @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="row excluir-dados">
                            <div class="col-lg-12 col-md-12">
                                <h5><span class="atencao">Atenção!</span> Sobre excluir seus dados.</h5>
                                <p>Após esta solicitação iremos manter os dados de sua conta por apenas 30 dias,
                                    passado este período todos os seus registros serão deletados e não será possível recuperá-los.</p>
                                {{--<p> Você não terá mais acesso a:</p>
                                <p class="atencao-item">- Seus dados pessoais;</p>
                                <p class="atencao-item">- Dados de suas escolas;</p>
                                <p class="atencao-item">- Dados de suas assinaturas.</p>
                                <p class="atencao-item">- Todas as suas assinaturas, mesmo que ativas, serão canceladas.</p>--}}
                                {{--<p> Você não terá mais acesso aos dados de sua conta, de suas escolas e todas as
                                    suas assinaturas, mesmo que ativas, serão canceladas.</p>
                                <strong>Antes de prosseguir tenha certeza de sua ação.</strong>
                            </div>
                            <div class="col-lg-12 col-md-12 text-left">
                                <button type="" class="thm-btn comment-form__btn btn-gensino-sm btn-gensino-06">Excluir Dados</button>
                            </div>
                        </div>
                    </form>
                </div>--}}
            </div>
        </div>
    </div>
</section>

@endsection

@section('fale-conosco')

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

@endsection

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

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

    $('#btn-editar').click(function() {
        $("#btn-editar").css('display','none');
        $("#btn-salvar").css('display','initial');
        $("#meus-dados-form").each(function(){
            $(this).find(':input').prop("disabled",false);
            $(this).find(':input').css("border","1px solid #ececec");
        });
    });

</script>
@endpush