@extends('dashboard.dashboard')
@section('title',ucfirst(trans('about')))
@section('main')
@section('page','Sobre')
<div class="panel-header ">
    <div class="page-inner">
        <div class="page-header">
            @if(Breadcrumbs::exists())
            {!! Breadcrumbs::render() !!}
            @endif
        </div>
    </div>
</div>
@php
@endphp
<div class="row">
    <div class="wizard-container wizard-round col-md-9">
        <div class="wizard-header text-center">
            <h3 class="wizard-title"><b class="text-capitalize">Sobre</b></h3>
            <small>Os campos com (*) são de caráter obrigatório</small>
        </div>
        <form id="user" action="{{route('admin.about.update',$about)}}" method="POST" novalidate
            enctype="multipart/form-data">
            @csrf
            @method('put')
            <div class="wizard-body">
                <div class="tab-content">
                    <div class="tab-pane active" id="details">
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="info-text">Preencha os detalhes da página</h4>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group @if($errors->has('title')) has-error @endif">
                                    <label><span class="required">*</span>{{__('title')}}:</label>
                                    <input name="title" type="text" class="form-control" required
                                        value="{{$about->title}}" tabindex="1">
                                    <div class="msg-validate">
                                        @foreach($errors->get('title') as $error)
                                        <label id="title-error" class="error" for="title">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>


{{--                                <div class="form-group @if($errors->has('image')) has-error @endif">--}}

{{--                                    <label><span class="required">*</span>{{__('image')}} (400x366):--}}
{{--                                    </label>--}}
{{--                                    <div class="input-file input-file-image">--}}
{{--                                        <img class="img-upload-preview " width="128" src="{{ asset( $about->image)}}"--}}
{{--                                            alt="preview">--}}
{{--                                        <input type="file" class="form-control form-control-file" id="uploadImg"--}}
{{--                                            name="image" accept="image/*" required tabindex="7">--}}

{{--                                        <label for="uploadImg"--}}
{{--                                            class=" label-input-file btn btn-primary">{{__('Upload a Image')}}</label>--}}
{{--                                    </div>--}}
{{--                                    <div class="msg-validate">--}}
{{--                                        @foreach($errors->get('image') as $error)--}}
{{--                                        <label id="image-error" class="error" for="image">{{$error}}</label>--}}
{{--                                        @endforeach--}}
{{--                                    </div>--}}
{{--                                </div>--}}

                                <div class="form-group @if($errors->has('cellphone')) has-error @endif">
                                    <label><span class="required">*</span>{{__('cellphone')}}:</label>
                                    <input name="cellphone" type="text" class="form-control cellphone" required
                                        value="{{$about->cellphone}}" tabindex="1">
                                    <div class="msg-validate">
                                        @foreach($errors->get('cellphone') as $error)
                                        <label id="cellphone-error" class="error" for="cellphone">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="form-group @if($errors->has('phone')) has-error @endif">
                                    <label><span class="required">*</span>{{__('phone')}}  {{__('fixed')}}:</label>
                                    <input name="phone" type="text" class="form-control phone" required
                                           value="{{$about->phone}}" tabindex="1">
                                    <div class="msg-validate">
                                        @foreach($errors->get('phone') as $error)
                                            <label id="phone-error" class="error" for="phone">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>

                                <div class="form-group @if($errors->has('email')) has-error @endif">
                                    <label for="email" class="placeholder"><b>{{__('email')}}</b></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="email-addon">@</span>
                                        </div>
                                        <input type="text" class="form-control" placeholder="" aria-label="email"  value="{{$about->email}}"
                                               aria-describedby="email-addon" id="email" name="email" required="" aria-invalid="true">
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('email') as $error)
                                            <label id="email-error" class="error" for="email">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>



                                <div class="form-group @if($errors->has('address')) has-error @endif">
                                    <label><span class="required">*</span>{{__('address')}}:</label>
                                    <input name="address" type="text" class="form-control" required
                                           value="{{$about->address}}" tabindex="1">
                                    <div class="msg-validate">
                                        @foreach($errors->get('address') as $error)
                                            <label id="address-error" class="error" for="address">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>


                                {{--                                $table->string('');--}}

                            </div>
                            <div class="col-md-6">


                                <div class="form-group @if($errors->has('facebook')) has-error @endif">
                                    <label for="email" class="placeholder"><b>{{__('facebook')}}</b></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="email-addon"><i class="fab fa-facebook-f"></i></span>
                                        </div>
                                        <input type="text" class="form-control" placeholder="" aria-label="email"  value="{{$about->facebook}}"
                                               aria-describedby="email-addon" id="facebook" name="facebook" required="" aria-invalid="true">
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('facebook') as $error)
                                            <label id="facebook-error" class="error" for="facebook">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>


                                <div class="form-group @if($errors->has('instagram')) has-error @endif">
                                    <label for="email" class="placeholder"><b>{{__('instagram')}}</b></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="email-addon"><i class="fab fa-instagram"></i></span>
                                        </div>
                                        <input type="text" class="form-control" placeholder="" aria-label="email"  value="{{$about->instagram}}"
                                               aria-describedby="email-addon" id="instagram" name="instagram" required="" aria-invalid="true">
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('instagram') as $error)
                                            <label id="instagram-error" class="error" for="instagram">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>

                                <div class="form-group @if($errors->has('twitter')) has-error @endif">
                                    <label for="email" class="placeholder"><b>{{__('twitter')}}</b></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="email-addon"><i class="fab fa-twitter"></i></span>
                                        </div>
                                        <input type="text" class="form-control" placeholder="" aria-label="email"  value="{{$about->twitter}}"
                                               aria-describedby="email-addon" id="twitter" name="twitter" required="" aria-invalid="true">
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('twitter') as $error)
                                            <label id="twitter-error" class="error" for="twitter">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>

                                <div class="form-group @if($errors->has('youtube')) has-error @endif">
                                    <label for="email" class="placeholder"><b>{{__('youtube')}}</b></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="email-addon"><i class="fab fa-youtube"></i></span>
                                        </div>
                                        <input type="text" class="form-control" placeholder="" aria-label="email"  value="{{$about->youtube}}"
                                               aria-describedby="email-addon" id="youtube" name="youtube" required="" aria-invalid="true">
                                    </div>
                                    <div class="msg-validate">
                                        @foreach($errors->get('youtube') as $error)
                                            <label id="youtube-error" class="error" for="youtube">{{$error}}</label>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="form-group @if($errors->has('text')) has-error @endif">
                                    <label for="text"><span class="required">*</span>
                                        {{ __('text') }}
                                    </label>

                                    <textarea id="text" required="required"
                                              class="form-control summernote textarea col-md-7 col-xs-12  @if($errors->has('text')) parsley-error @endif"
                                              name="text" data-parsley-trigger="keyup" data-parsley-minlength="20" cols="40"
                                              rows="10" data-parsley-maxlength="100"
                                              data-parsley-validation-threshold="10">{{$about->text}}</textarea>
                                    @if($errors->has('text'))
                                        <ul class="parsley-errors-list filled">
                                            @foreach($errors->get('text') as $error)
                                                <li class="parsley-required">{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    @endif
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 ml-auto mr-auto text-center">
                <input type="submit" class="btn btn-finish btn-success" name="finish" value="{{__('save')}}">
                <div class="clearfix"></div>
            </div>
    </div>
    </form>
</div>
@push('scripts')
<script src="{{ asset('admin/js/plugin/summernote/summernote-bs4.min.js')}}"> </script>
<script src="{{ asset('admin/js/plugin/summernote/summernote-cleaner.js')}}"> </script>
<script src="{{ asset('admin/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js')}}"> </script>
<script src="{{ asset('admin/js/plugin/jquery.mask/jquery.mask.min.js')}}"> </script>
<script>
    $('.cellphone').mask('(00) 00000-0000');
    $('.phone').mask('(00) 0000-0000');
    $('.summernote').summernote({
        fontNames: ['Nunito Sans'],
			tabsize: 2,
			height: 300,
            toolbar: [
      ['style', ['bold', 'italic', 'underline', 'clear']],
      ['font', ['strikethrough']],
      ['insert',['picture','link']],
      ['para', ['paragraph','ol','ul']],
      ['view', [ 'codeview']],
    ],
    cleaner:{
        element:'.summernote',
          action: 'both', // both|button|paste 'button' only cleans via toolbar button, 'paste' only clean when pasting content, both does both options.
          newline: '<br/>', // Summernote's default is to use '<p><br></p>'
          notStyle: 'position:absolute;top:0;left:0;right:0', // Position of Notification
          icon: '<i class="note-icon">[Your Button]</i>',
          keepHtml: false, // Remove all Html formats
          keepOnlyTags: ['<p>', '<br>', '<ul>', '<li>', '<b>', '<strong>','<i>', '<a>'], // If keepHtml is true, remove all tags except these
          keepClasses: false, // Remove Classes
          badTags: ['style', 'script', 'applet', 'embed', 'noframes', 'noscript', 'html'], // Remove full tags with contents
          badAttributes: ['style', 'start'], // Remove attributes from remaining tags
          limitChars: false, // 0/false|# 0/false disables option
          limitDisplay: 'both', // text|html|both
          limitStop: false // true/false
    }
		});
</script>
@endpush
@endsection