@extends('template.default')
@section('text-field')
@stop
@section('content')

    <link href="/vendors/dropify/css/dropify.min.css" type="text/css" rel="stylesheet">

    <br>

    <form id="formPerfil" method="post" enctype="multipart/form-data" action="/usuariocomum/editar">

        {{ csrf_field() }}

        <div class="row">
            <div class="col s12 offset-l2 l8">
                <div class="card white z-depth-2 border-radius-10 min-height-300">
                    <div class="row">
                        <div class="col s12 min-height-100 grey center">

                            <input type="file" name="pic" class="dropify z-depth-3"
                                   data-allowed-file-extensions="jpg"
                                   data-default-file="{{ $user->perfil->foto }}"
                            />

                            <span class="bottom font-weight-800 position-absolute grey-text text-darken-3"
                                  style=" top: 75px;left: 190px;"
                            >{{ $user->perfil->email }}</span>

                        </div>
                    </div>


                    <div class="row" style="padding-right: 20px; padding-top: 10px;">

                        <div class="col offset-s6 s6">
                            <div class="row">
                                <div class="col s12">

                                    <div class="card white border-radius-8 center-align">
                                        <h6 class="font-weight-700">{{ $user->ocorrecnia_aderida }}</h6>
                                        <span>Ocorrências Aderidas</span>
                                    </div>

                                </div>
                            </div>

                            <div class="row">
                                <div class="col s12">

                                    <div class="card white border-radius-8 center-align">
                                        <h6 class="font-weight-700">{{ $user->ocorrencia_criada }}</h6>
                                        <span>Ocorrências Criadas</span>
                                    </div>

                                </div>
                            </div>

                        </div>

                    </div>


                    <div class="row padding-3">

                        <div class="col s12">

                            <div class="hide-on-large-only">
                                <br>
                            </div>

                            <p class="no-padding no-margin font-weight-600 grey-text text-darken-3">Dados Pessoais</p>

                            <div class="row">

                                <div class="input-field col s12 l8">
                                    <input name="name" id="name" type="text" class="validate"
                                           value="{{ $user->perfil->name }}">
                                    <label for="name">Nome</label>
                                </div>

                                @if(session('configuration')['exigir_cpf'] === 1)

                                    <div class="input-field col s12 l4">
                                        <input name="cpf" id="cpf" type="text" class="validate"
                                               value="{{ $user->perfil->cpf }}">
                                        <label for="cpf">CPF</label>
                                    </div>

                                @endif
                            </div>

                            <div class="row">
                                <div class="input-field col s12 l4">
                                    <select name="sexo">
                                        <option value="" disabled selected>Escolha o seu sexo</option>
                                        <option @if($user->perfil->sexo === 0) selected @endif value="0">Feminino
                                        </option>
                                        <option @if($user->perfil->sexo === 1) selected @endif value="1">Masculino
                                        </option>
                                        <option @if($user->perfil->sexo === 2) selected @endif value="2">Outros</option>
                                    </select>
                                    <label>Sexo</label>
                                </div>

                                <div class="input-field col s12 l3">
                                    <label for="data_nascimento">Data de Nascimento</label>
                                    <input name="data_nascimento" id="data_nascimento" type="text" class="validate"
                                           value="{{ \Carbon\Carbon::parse($user->perfil->data_nascimento)->format('d/m/Y') }}">

                                </div>

                            </div>

                            <div class="row">


                                <div class="input-field col s12 l3">
                                    <input name="telefone" id="telefone" type="text" class="validate"
                                           value="{{ $user->perfil->telefone }}"
                                    >
                                    <label for="telefone">Telefone</label>
                                </div>

                                <div class="input-field col s12 l3">
                                    <input name="celular" id="celular" type="text" class="validate"
                                           value="{{ $user->perfil->celular }}"
                                    >
                                    <label for="celular">Celular</label>
                                </div>

                            </div>

                            <br>

                            <p class="no-padding no-margin font-weight-600 grey-text text-darken-3">Endereço</p>

                            <div class="row">

                                <div class="input-field col s12 l2">
                                    <input name="cep" id="cep" type="text" class="validate"
                                           value="{{ $user->perfil->cep }}"
                                    >
                                    <label for="cep">CEP</label>
                                </div>

                                <div class="input-field col s12 l10">
                                    <select name="bairro_id">
                                        <option value="" disabled selected>Escolha o seu bairro</option>

                                        @foreach($bairros->data as $bairro)

                                            <option @if($user->perfil->bairro_id === $bairro->id) selected
                                                    @endif value="{{ $bairro->id }}">{{ $bairro->nome }}</option>

                                        @endforeach

                                    </select>
                                    <label>Bairro</label>
                                </div>

                            </div>

                            <div class="row">

                                <div class="input-field col s12 l10">
                                    <input name="rua" id="rua" type="text" class="validate"
                                           value="{{ $user->perfil->rua }}"
                                    >
                                    <label for="rua">Rua</label>
                                </div>

                                <div class="input-field col s12 l2">
                                    <input name="numero" id="numero" type="text" class="validate"
                                           value="{{ $user->perfil->numero }}"
                                    >
                                    <label for="numero">Nº</label>
                                </div>

                            </div>

                            <div class="row">

                                <div class="input-field col s12">
                                    <input name="complemento" id="complemento" type="text" class="validate"
                                           value="{{ $user->perfil->complemento }}"
                                    >
                                    <label for="complemento">Complemento</label>
                                </div>
                            </div>

                            <br>

                            @php($configuration = session('configuration'))
                            @php($modules = (array)session('modules'))

                            <p class="no-padding no-margin font-weight-600 grey-text text-darken-3">
                                Configuração</p>
                            <br>

                            <div class="row">
                                <div class="col s10 margin-bottom-20">
                                    <span>Permitir o envio de notificações por E-MAIL</span>
                                </div>
                                <div class="col s2">
                                    <div class="switch center">
                                        <label>
                                            <input name="send_email" type="checkbox" value="1"
                                                   @if($user->perfil->send_email === 1)
                                                   checked
                                                    @endif
                                            >
                                            <span class="lever"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            @if(isset($configuration['enable_sms']))
                                @if(session('configuration')['enable_sms'] === 'ativo')


                                    <div class="row">
                                        <div class="col s10 margin-bottom-20">
                                            <span>Permitir o envio de notificações por SMS</span>
                                        </div>
                                        <div class="col s2">
                                            <div class="switch center">
                                                <label>
                                                    <input name="send_sms" type="checkbox" value="1"
                                                           @if($user->perfil->send_sms === 1)
                                                           checked
                                                            @endif
                                                    >
                                                    <span class="lever"></span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>

                                @endif
                            @endif

                            @if(isset($modules['ENVIO_NOTIFICATION_PUSH']) && $modules['ENVIO_NOTIFICATION_PUSH'])

                                <div class="row">
                                    <div class="col s10 margin-bottom-20">
                                        <span>Permitir o envio de notificações por PUSH (mensagens no APP)</span>
                                    </div>
                                    <div class="col s2">
                                        <div class="switch center">
                                            <label>
                                                <input name="send_notification" type="checkbox" value="1"
                                                       @if($user->perfil->send_notification === 1)
                                                       checked
                                                        @endif
                                                >
                                                <span class="lever"></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>

                            @endif

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </form>

    <div class="fixed-action-btn" style="bottom: 20px; right: 20px;">
        <a onclick="enviarFormPerfil()"
           class="btn-floating z-depth-3 btn-large waves-effect waves-light scale-transition">
            <i class="material-icons">save</i>
        </a>
    </div>

@endsection
@section('specific-scripts')

    <script type="text/javascript" src="/vendors/dropify/js/dropify.min.js"></script>
    <script type="text/javascript"
            src="{{ \Tooleks\LaravelAssetVersion\Facades\Asset::get('/js/jquery.mask.min.js') }}"></script>
    <script>

        $('.titulo_pagina').text('Meu Perfil');

        $('#telefone').mask('(00) 0000-0000');
        $('#celular').mask('(00) 0 0000-0000');
        $('#cpf').mask('000.000.000-00');
        $('#data_nascimento').mask('00/00/0000');

        function enviarFormPerfil() {

            $('#formPerfil').submit();

        }

        $('.dropify').dropify({
            tpl: {
                wrap: '<div class="dropify-wrapper" ' +
                    'style="border-style: dashed; height: 150px; !important;\n' +
                    '    border-style: dashed; !important;\n' +
                    '    position: absolute; !important;\n' +
                    '    width: 150px; !important;\n' +
                    '    left: 15px; !important;\n' +
                    '    top: 25px; !important;\n' +
                    '    border-radius: 50%; !important;"' +
                    '></div>',
                loader: '<div class="dropify-loader"></div>',
                message: '<!--<div class="dropify-message"><span class="file-icon" /> <p style="text-align: center;"> Mova sua foto para aqui </p></div>-->',
                preview: '<div class="dropify-preview"><span class="dropify-render"></span><div class="dropify-infos"><div class="dropify-infos-inner"><p class="dropify-infos-message"> Trocar </p></div></div></div>',
                filename: '<!--<p class="dropify-filename"><span class="file-icon"></span> <span class="dropify-filename-inner"></span></p>-->',
                clearButton: '<!--<button type="button" class="dropify-clear"> remove </button>-->',
                errorLine: '<!--<p class="dropify-error"> error </p>-->',
                errorsContainer: '<!--<div class="dropify-errors-container"><ul></ul></div>-->'
            }
        });

        setInterval(function () {

            $('.dropify-preview').find('img')
                .attr('style', 'height: 150px;\n' +
                    '    width: 150px;\n' +
                    '    border-radius: 50%;');
        }, 500);

        $(document).ready(function () {

            function limpa_formulário_cep() {
                $("#rua").val("");

            }

            $("#cep").blur(function () {

                var cep = $(this).val().replace(/\D/g, '');
                if (cep != "") {

                    var validacep = /^[0-9]{8}$/;
                    if (validacep.test(cep)) {

                        $("#rua").val("...");

                        $.getJSON("https://viacep.com.br/ws/" + cep + "/json/?callback=?", function (dados) {

                            if (!("erro" in dados)) {

                                $("#rua").val(dados.logradouro);
                                $("#bairro_id").find("option[text=" + dados.bairro + "]").attr("selected", true);

                                Materialize.updateTextFields();

                            } else {
                                limpa_formulário_cep();
                                alert("CEP não encontrado.");
                            }
                        });
                    } else {
                        limpa_formulário_cep();
                        alert("Formato de CEP inválido.");
                    }
                } else {
                    limpa_formulário_cep();
                }
            });
        });

    </script>

@stop