@extends('layouts.default-painel')

@section('content')
    <div id="wrapper" class="full">
        <div id="content" class="max">
            <div class="tables">
                <h4>{{ $pagina }}</h4>
                <div class="panel panel-default">
                    <div class="row tableContainer">
                        <div class="col-md-12">
                            {!!  Form::open(array('url' =>  URL::to("/painel/principal/info/gravar"),'method'=>'post', 'id'=>'form-site-info', 'class'=>"form form-site-info",'files'=> true)) !!}
                            <label>Logo</label>
                            <div class="col-md-12" id="site-info-logo">
                                <label for="site_logo">
                                    @if($field['site_logo'] != "")
                                        <img src="/upload/{{$field['site_logo']}}">
                                    @else
                                        <img src="/images/upload.png">
                                    @endif
                                        {!!   Form::file('site_logo',array('class'=>'site-logo', 'id' => 'site_logo', 'style' => 'display: none;'))  !!}
                                </label>
                            </div>
                            <div class="row">
                                <div class="col-md-4 form-group">
                                    <label for="telefone">Telefone</label>
                                    {!!   Form::tel('telefone', $field['telefone'], array('class'=>'form-control', 'id' => 'telefone'))  !!}
                                </div>
                                <div class="col-md-4 form-group">
                                    <label for="telefone">Whatsapp</label>
                                    {!!   Form::tel('whatsapp', $field['whatsapp'], array('class'=>'form-control', 'id' => 'whatsapp'))  !!}
                                </div>
                                <div class="col-md-4 form-group">
                                    <label for="email">E-mail</label>
                                    {!!   Form::email('email', $field['email'], array('class'=>'form-control', 'id' => 'email'))  !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label for="endereco">Endereço</label>
                                    {!!   Form::text('endereco', $field['endereco'], array('class'=>'form-control', 'id' => 'endereco'))  !!}
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="google_maps">Link Google Maps</label>
                                    {!!   Form::text('google_maps', $field['google_maps'], array('class'=>'form-control', 'id' => 'google_maps'))  !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label for="facebook">Facebook</label>
                                    {!!   Form::text('facebook', $field['facebook'], array('class'=>'form-control', 'id' => 'facebook'))  !!}
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="linkedin">Linkedin</label>
                                    {!!   Form::text('linkedin', $field['linkedin'], array('class'=>'form-control', 'id' => 'linkedin'))  !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label for="pinterest">Pinterest</label>
                                    {!!   Form::text('pinterest', $field['pinterest'], array('class'=>'form-control', 'id' => 'pinterest'))  !!}
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="instagram">Instagram</label>
                                    {!!   Form::text('instagram', $field['instagram'], array('class'=>'form-control', 'id' => 'instagram'))  !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group">
                                    <label for="twitter">Twitter</label>
                                    {!!   Form::text('twitter', $field['twitter'], array('class'=>'form-control', 'id' => 'twitter'))  !!}
                                </div>
                                <div class="col-md-6 form-group">
                                    <label for="twitter">Youtube</label>
                                    {!!   Form::text('youtube',  $field['youtube'], array('class'=>'form-control', 'id' => 'youtube'))  !!}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 form-group">
                                    <label for="google_tags">Tags do Google (Insira aqui o código das tags do Google)</label>
                                    {!!   Form::textarea('google_tags', $field['google_tags'], array('class'=>'form-control', 'id' => 'google_tags'))  !!}
                                </div>
                            </div>
                            {!!   Form::submit('Salvar',array('class'=>'btn btn-default'))  !!}
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        let logoImage = document.querySelector("#site_logo");
        let img = document.querySelector("label[for=site_logo] img");

        logoImage.onchange = function (e) {
            img.src = URL.createObjectURL(e.target.files[0]);
        }
    </script>
@stop