{!! Form::token() !!}
<div class="form-group col-sm-12"><h3>Cadastro</h3><hr></div>
<!--- Image Field --->
<div class="form-group col-sm-6 col-lg-4">
    @if(isset($company) && is_file(base_path()."/public".$company->image))
        <div class="logo-inst">
            <img src="{{ $company->image }}" class="img-thumbnail img-rounded">
            <div style="width: 100px;padding: 5px;font-family: monospace;">
                <a href="#" onclick="removeImage()"><i class="fa fa-remove"></i> Remover</a>
            </div>
        </div>
    @endif
    <div class="upload" @if(isset($company) && is_file(base_path()."/public".$company->image)) style="display: none;" @endif >
        <i class="fa fa-image"></i>
        {!! Form::label('image', " Logo:") !!}
        {!! Form::file('image') !!}
    </div>
</div>

<!--- Shortname Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('shortName', 'Nome Fantasia:') !!}
	{!! Form::text('shortName', null, ['class' => 'form-control']) !!}
</div>

<!--- Fullname Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('fullName', 'Rasão Social:') !!}
	{!! Form::text('fullName', null, ['class' => 'form-control']) !!}
</div>

<!--- Email Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('email', 'Email:') !!}
	{!! Form::text('email', null, ['class' => 'form-control']) !!}
</div>

<!--- Phone1 Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('phone1', 'Telefone 1:') !!}
	{!! Form::text('phone1', null, ['class' => 'form-control phone']) !!}
</div>

<!--- Phone2 Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('phone2', 'Telefone 2:') !!}
	{!! Form::text('phone2', null, ['class' => 'form-control phone']) !!}
</div>

<!--- Mayor Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('mayor', 'Responsável:') !!}
	{!! Form::text('mayor', null, ['class' => 'form-control']) !!}
</div>

<!--- Cnpjcpf Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('cnpjCpf', 'Cnpj:') !!}
	{!! Form::text('cnpjCpf', null, ['class' => 'form-control cpfcnpj']) !!}
</div>

<!--- Ierg Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('ieRg', 'Insc. Estadual:') !!}
	{!! Form::text('ieRg', null, ['class' => 'form-control']) !!}
</div>

<!--- Im Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('im', 'Insc. Municipal:') !!}
	{!! Form::text('im', null, ['class' => 'form-control']) !!}
</div>
<hr class="col-sm-12 hr">
<div class="form-group col-md-12"><h3>SEO / Socials</h3></div>

<div class="form-group col-md-3 col-lg-4">
    {!! Form::label('site_title', 'Titulo do site:') !!}
    {!! Form::text('site_title', null, ['class' => 'form-control']) !!}
</div>

<div class="form-group col-md-3 col-lg-8">
    {!! Form::label('site_url', 'Site URL:') !!}
    {!! Form::text('site_url', null, ['class' => 'form-control']) !!}
</div>

{{-------------------- TWITTER ----------------------------}}
<div class="clearfix"></div>
<div class="col-md-4">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="right-content">
                <button type="button" class="btn btn-default btn-sm btn-rounded-lg to-collapse" data-toggle="collapse" data-target="#panel-collapse-1" aria-expanded="true"><i class="fa fa-chevron-up"></i></button>
            </div>
            <h3 class="panel-title"> <i class="fa fa-twitter"></i> - Twitter</h3>
        </div>
        <div id="panel-collapse-1" class="collapse in" aria-expanded="true">
            <div class="panel-body">
                    <div class="col-sm-12">
                        {!! Form::label('tw_url', 'Twitter URL:') !!}
                        {!! Form::text('tw_url', null, ['class' => 'form-control']) !!}

                        {!! Form::label('tw_user', 'Twitter User:') !!}
                        {!! Form::text('tw_user', null, ['class' => 'form-control']) !!}


                        {!! Form::label('tw_consumer_key', 'Consumer key:') !!}
                        {!! Form::text('tw_consumer_key', null, ['class' => 'form-control']) !!}

                        {!! Form::label('tw_consumer_secret', 'Consumer secret:') !!}
                        {!! Form::text('tw_consumer_secret', null, ['class' => 'form-control']) !!}

                        {!! Form::label('tw_access_token', 'Token access:') !!}
                        {!! Form::text('tw_access_token', null, ['class' => 'form-control']) !!}

                        {!! Form::label('tw_access_token_secret', 'Token access secret:') !!}
                        {!! Form::text('tw_access_token_secret', null, ['class' => 'form-control']) !!}

                        {!! Form::label('tw_plugin', 'Plugin:') !!}
                        {!! Form::textarea('tw_plugin', null, ['class' => 'form-control']) !!}
                        {{--{!! Form::textarea('fb_plugin', null, ['class' => 'form-control']) !!}--}}
                    </div>
            </div><!-- /.panel-body -->
        </div><!-- /.collapse in -->
    </div><!-- /.panel panel-default -->
</div>

{{----------------- FIM TWITTER --------------------------------}}

{{-------------------- INSTAGRAM  ----------------------------}}

<div class="col-md-4">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="right-content">
                <button type="button" class="btn btn-default btn-sm btn-rounded-lg to-collapse" data-toggle="collapse" data-target="#panel-collapse-2" aria-expanded="true"><i class="fa fa-chevron-up"></i></button>
            </div>
            <h3 class="panel-title"> <i class="fa fa-instagram"></i> - Instagram </h3>
        </div>
        <div id="panel-collapse-2" class="collapse in" aria-expanded="true">
            <div class="panel-body">
                <div class="col-sm-12">

                    {!! Form::label('insta_url', 'Instagram URL:') !!}
                    {!! Form::text('insta_url', null, ['class' => 'form-control']) !!}

                    {!! Form::label('insta_user', 'Instagram user:') !!}
                    {!! Form::text('insta_user', null, ['class' => 'form-control']) !!}

                    {!! Form::label('insta_client_id', 'Instagram client id:') !!}
                    {!! Form::text('insta_client_id', null, ['class' => 'form-control']) !!}

                    {!! Form::label('insta_client_secret', 'Instagram client secret:') !!}
                    {!! Form::text('insta_client_secret', null, ['class' => 'form-control']) !!}

                    {!! Form::label('insta_client_token', 'Instagram client token:') !!}
                    {!! Form::text('insta_client_token', null, ['class' => 'form-control']) !!}

                    {!! Form::label('insta_redirect_uri', 'Instagram redirect uri:') !!}
                    {!! Form::text('insta_redirect_uri', null, ['class' => 'form-control']) !!}
                </div>
            </div><!-- /.panel-body -->
        </div><!-- /.collapse in -->
    </div><!-- /.panel panel-default -->
</div>

{{----------------- FIM INSTAGRAM --------------------------------}}

{{--------------------  FLICKR  ----------------------------}}

<div class="col-md-4">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="right-content">
                <button type="button" class="btn btn-default btn-sm btn-rounded-lg to-collapse" data-toggle="collapse" data-target="#panel-collapse-3" aria-expanded="true"><i class="fa fa-chevron-up"></i></button>
            </div>
            <h3 class="panel-title"> <i class="fa fa-flickr"></i> - Flickr </h3>
        </div>
        <div id="panel-collapse-3" class="collapse in" aria-expanded="true">
            <div class="panel-body">
                <div class="col-sm-12">
                    {!! Form::label('flk_key', 'Flickr key:') !!}
                    {!! Form::text('flk_key', null, ['class' => 'form-control']) !!}

                    {!! Form::label('flk_secret', 'Flickr secret:') !!}
                    {!! Form::text('flk_secret', null, ['class' => 'form-control']) !!}

                    {!! Form::label('flk_redirect_uri', 'Flickr redirect uri:') !!}
                    {!! Form::text('flk_redirect_uri', null, ['class' => 'form-control']) !!}

                    {!! Form::label('flk_user_id', 'Flickr user id:') !!}
                    {!! Form::text('flk_user_id', null, ['class' => 'form-control']) !!}
                </div>
            </div><!-- /.panel-body -->
        </div><!-- /.collapse in -->
    </div><!-- /.panel panel-default -->
</div>

{{----------------- FIM FLICKR --------------------------------}}


{{--------------------  FACEBOOK  ----------------------------}}
<div class="clearfix"></div>
<div class="col-md-4">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="right-content">
                <button type="button" class="btn btn-default btn-sm btn-rounded-lg to-collapse" data-toggle="collapse" data-target="#panel-collapse-4" aria-expanded="true"><i class="fa fa-chevron-up"></i></button>
            </div>
            <h3 class="panel-title"> <i class="fa fa-facebook"></i> - Facebook </h3>
        </div>
        <div id="panel-collapse-4" class="collapse in" aria-expanded="true">
            <div class="panel-body">
                <div class="col-sm-12">
                    {!! Form::label('fb_url', 'Facebook url:') !!}
                    {!! Form::text('fb_url', null, ['class' => 'form-control']) !!}

                    {!! Form::label('fb_user', 'Facebook user:') !!}
                    {!! Form::text('fb_user', null, ['class' => 'form-control']) !!}

                    {!! Form::label('fb_fanpage', 'Facebook fan page:') !!}
                    {!! Form::text('fb_fanpage', null, ['class' => 'form-control']) !!}

                    {!! Form::label('fb_app_id', 'Facebook app id:') !!}
                    {!! Form::text('fb_app_id', null, ['class' => 'form-control']) !!}

                    {!! Form::label('fb_plugin', 'Facebook plugin:') !!}
                    {!! Form::textarea('fb_plugin', null, ['class' => 'form-control']) !!}

                </div>
            </div><!-- /.panel-body -->
        </div><!-- /.collapse in -->
    </div><!-- /.panel panel-default -->
</div>

{{----------------- FIM FACEBOOK --------------------------------}}


{{--------------------  GOOGLE  ----------------------------}}

<div class="col-md-4">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="right-content">
                <button type="button" class="btn btn-default btn-sm btn-rounded-lg to-collapse" data-toggle="collapse" data-target="#panel-collapse-5" aria-expanded="true"><i class="fa fa-chevron-up"></i></button>
            </div>
            <h3 class="panel-title"> <i class="fa fa-google"></i> - Google </h3>
        </div>
        <div id="panel-collapse-5" class="collapse in" aria-expanded="true">
            <div class="panel-body">
                <div class="col-sm-12">
                    {!! Form::label('g_analytics_id', 'Google analytics id:') !!}
                    {!! Form::text('g_analytics_id', null, ['class' => 'form-control']) !!}

                    {!! Form::label('g_api_key', 'Google api key:') !!}
                    {!! Form::text('g_api_key', null, ['class' => 'form-control']) !!}

                    {!! Form::label('g_client_id', 'Google client id:') !!}
                    {!! Form::text('g_client_id', null, ['class' => 'form-control']) !!}

                    {!! Form::label('g_client_secret', 'Google client secret:') !!}
                    {!! Form::text('g_client_secret', null, ['class' => 'form-control']) !!}

                    {!! Form::label('youtube_channel_id', 'youtube channel id:') !!}
                    {!! Form::text('youtube_channel_id', null, ['class' => 'form-control']) !!}

                    {!! Form::label('g_maps', 'Google maps:') !!}
                    {!! Form::textarea('g_maps', null, ['class' => 'form-control']) !!}

                </div>
            </div><!-- /.panel-body -->
        </div><!-- /.collapse in -->
    </div><!-- /.panel panel-default -->
</div>

{{----------------- FIM GOOGLE --------------------------------}}


<hr class="col-sm-12 hr">

<div class="form-group col-sm-2 col-lg-2">
    {!! Form::label('zipcode', 'CEP:') !!}
    {!! Form::text('zipcode', null, ['class' => 'form-control cep']) !!}
</div>

<!--- Street Field --->
<div class="form-group col-sm-8 col-lg-8">
    {!! Form::label('street', 'Logradouro:') !!}
    {!! Form::text('street', null, ['class' => 'form-control']) !!}
</div>

<!--- Number Field --->
<div class="form-group col-sm-2 col-lg-2">
    {!! Form::label('number', 'Numero:') !!}
    {!! Form::text('number', null, ['class' => 'form-control']) !!}
</div>

<!--- Complement Field --->
<div class="form-group col-sm-3">
    {!! Form::label('complement', 'Complemento:') !!}
    {!! Form::text('complement', null, ['class' => 'form-control']) !!}
</div>

<!--- District Field --->
<div class="form-group col-sm-3">
    {!! Form::label('district', 'Bairro:') !!}
    {!! Form::text('district', null, ['class' => 'form-control']) !!}
</div>
<!--- State Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('state', 'UF:') !!}
    {!! Form::select('state', $states, null, ['class' => 'form-control states', 'onChange'=>'getCities(\'state\')']) !!}
</div>

<!--- City Field --->
<div class="form-group col-sm-6 col-lg-4">
    {!! Form::label('city', 'Cidade:') !!}
	{!! Form::select('city', $cities, null, ['class' => 'form-control cities']) !!}
</div>



<!--- Active Field --->
<div class="form-group col-sm-6 col-lg-4">
    <div class="checkbox">
		<label>{!! Form::checkbox('active', 1, true) !!}Active</label>
	</div>
</div>


<!--- Submit Field --->
<div class="form-group col-sm-12">
    {!! Form::submit('SALVAR', ['class' => 'btn btn-success']) !!}
</div>
@if(isset($company) && is_file(base_path()."/public".$company->image))
    <script>
        var removeImage = function(){
            var url = '/config/companies/{{ $company->id }}/delimage';
            $.ajax({
                method: "GET",
                url: url,
                dataType: "json"
            }).success(function(result,textStatus,jqXHR) {
                if(result){
                    $(".logo-inst").fadeOut(300,function(){
                        $(".upload").fadeIn(300);
                    });
                }else{
                    toastr["warning"]("Falha ao apagar imagem.","Ops!");
                }
            });
        }
    </script>
@endif
<script>
    $(document).ready(function() {
        function limpa_formulário_cep() {
            // Limpa valores do formulário de cep.
            $("#street").val("");
            $("#district").val("");

        }

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

            //Nova variável "cep" somente com dígitos.
            var cep = $(this).val().replace(/\D/g, '');

            //Verifica se campo cep possui valor informado.
            if (cep != "") {

                //Expressão regular para validar o CEP.
                var validacep = /^[0-9]{8}$/;

                //Valida o formato do CEP.
                if (validacep.test(cep)) {

                    //Preenche os campos com "..." enquanto consulta webservice.
                    $("#street").val('').attr("placeholder",'buscando dados...');
                    $("#district").val('').attr("placeholder",'buscando dados...');

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

                        if (!("erro" in dados)) {
                            //Atualiza os campos com os valores da consulta.
                            $("#street").val(dados.logradouro);
                            $("#district").val(dados.bairro);
                            $("#number").focus();
                        } //end if.
                        else {
                            //CEP pesquisado não foi encontrado.
                            limpa_formulário_cep();
                            alert("CEP não encontrado.");
                        }
                    });
                } //end if.
                else {
                    //cep é inválido.
                    limpa_formulário_cep();
                    alert("Formato de CEP inválido.");
                }
            } //end if.
            else {
                //cep sem valor, limpa formulário.
                limpa_formulário_cep();
            }
        });
    });
</script>