{!! Form::open(['url'=>route('saveFont'),'method'=>'post']) !!}
  <section id="profile" class="panel panel-primary">

    <header class="panel-heading">
      <h2>@lang('backend.font-setting')</h2>
    </header>
    <div class="panel-body">
      @if(Session::has('message-fontselect'))
        <div id="message-fontselect" class="alert {{ Session::get('alert-class') }} alert-dismissible" role="alert">
          <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <p>{{ Session::get('message-fontselect') }}</p>
        </div>
      @endif

      <div class="col-xs-12 col-sm-6 font-selector">
        <div class="panel panel-primary">

          <div class="panel-heading">
            <h3>@lang('backend.global-font')</h3>
          </div>

          <div class="panel-body">
            <div class="row">
              <div class="form-group col-xs-12 col-sm-6">
                {!! Form::label('fontselect[]','Select a Font',['class'=>'control-label']) !!}
                <div class="">
                  {!! Form::text('fontselect[]',$webFont[0],['class'=>'form-control fontselect']) !!}
                </div>
              </div>
              <div class="form-group col-xs-12 col-sm-6">
                <div class="well text-center">
                  <p class="fontExample">@lang('backend.example-text')</p>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <div class="col-xs-12 col-sm-6 font-selector">
        <div class="panel panel-primary">

          <div class="panel-heading">
            <h3>@lang('backend.navbar-font')</h3>
          </div>

          <div class="panel-body">
            <div class="row">
              <div class="form-group col-xs-12 col-sm-6">
                {!! Form::label('fontselect[]','Select a Font',['class'=>'control-label']) !!}
                <div class="">
                  {!! Form::text('fontselect[]',$webFont[1],['class'=>'form-control fontselect']) !!}
                </div>
              </div>
              <div class="form-group col-xs-12 col-sm-6">
                <div class="well text-center">
                  <p class="fontExample">@lang('backend.example-text')</p>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <div class="col-xs-12 col-sm-6 font-selector">
        <div class="panel panel-primary">

          <div class="panel-heading">
            <h3>@lang('backend.content-font')</h3>
          </div>

          <div class="panel-body">
            <div class="row">
              <div class="form-group col-xs-12 col-sm-6">
                {!! Form::label('fontselect[]','Select a Font',['class'=>'control-label']) !!}
                <div class="">
                  {!! Form::text('fontselect[]',$webFont[2],['class'=>'form-control fontselect']) !!}
                </div>
              </div>
              <div class="form-group col-xs-12 col-sm-6">
                <div class="well text-center">
                  <p class="fontExample">@lang('backend.example-text')</p>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <div class="col-xs-12 col-sm-6 font-selector">
        <div class="panel panel-primary">

          <div class="panel-heading">
            <h3>@lang('backend.heading-font') (h1 h2 h3 h4)</h3>
          </div>

          <div class="panel-body">
            <div class="row">
              <div class="form-group col-xs-12 col-sm-6">
                {!! Form::label('fontselect[]','Select a Font',['class'=>'control-label']) !!}
                <div class="">
                  {!! Form::text('fontselect[]',$webFont[3],['class'=>'form-control fontselect']) !!}
                </div>
              </div>
              <div class="form-group col-xs-12 col-sm-6">
                <div class="well text-center">
                  <p class="fontExample">@lang('backend.example-text')</p>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <div class="col-xs-12 col-sm-12 font-selector">
        <div class="panel panel-primary">

          <div class="panel-heading">
            <h3>@lang('backend.image-caption-and-subcaption-font')</h3>
          </div>

          <div class="panel-body">
            <div class="row">
              <div class="col-xs-12 col-sm-4">
                <div class="form-group col-xs-12">
                  {!! Form::label('fontselect[]','Select a Caption Font',['class'=>'control-label']) !!}
                  <div class="">
                    {!! Form::text('fontselect[]',$webFont[4],['class'=>'form-control fontselect','data-id'=>'caption']) !!}
                  </div>
                </div>
                <div class="form-group col-xs-12">
                  {!! Form::label('fontselect[]','Select a Sub-Caption Font',['class'=>'control-label']) !!}
                  <div class="">
                    {!! Form::text('fontselect[]',$webFont[5],['class'=>'form-control fontselect','data-id'=>'subcaption']) !!}
                  </div>
                </div>
              </div>
              <div class="form-group col-xs-12 col-sm-8">
                <div class="">
                  <div class="banner-img" style="height:140px;">
                    <img src="https://placeimg.com/750/140/arch">
                    <div class="banner-content">
                      <div class="content-text" style="text-align: left;padding:50px">
                        <h4 id="captionFont" style="font-size: 32px;">Lorem ipsum dolor sit</h4>
                        <p id="subCaptionFont" style="font-size: 16px;">
                          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <div class="col-xs-12 col-sm-6 font-selector">
        <div class="panel panel-primary">

          <div class="panel-heading">
            <h3>@lang('backend.company-name-font')</h3>
          </div>

          <div class="panel-body">
            <div class="row">
              <div class="form-group col-xs-12 col-sm-6">
                {!! Form::label('fontselect[]','Select a Font',['class'=>'control-label']) !!}
                <div class="">
                  {!! Form::text('fontselect[]',$webFont[6],['class'=>'form-control fontselect']) !!}
                </div>
              </div>
              <div class="form-group col-xs-12 col-sm-6">
                <div class="well text-center">
                  <p class="fontExample">@lang('backend.example-text')</p>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <div class="col-xs-12 col-sm-6 font-selector">
        <div class="panel panel-primary">

          <div class="panel-heading">
            <h3>@lang('backend.button-font')</h3>
          </div>

          <div class="panel-body">
            <div class="row">
              <div class="form-group col-xs-12 col-sm-6">
                {!! Form::label('fontselect[]','Select a Font',['class'=>'control-label']) !!}
                <div class="">
                  {!! Form::text('fontselect[]',$webFont[7],['class'=>'form-control fontselect']) !!}
                </div>
              </div>
              <div class="form-group col-xs-12 col-sm-6">
                <div class="well text-center">
                  <a class="fontExample btn btn-primary">@lang('backend.example-text')</a>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

    </div>

    <footer class="panel-footer text-right">
      <button type="submit" class="btn btn-primary">@lang('backend.update')</button>
      <button id="defaultFont" class="btn btn-default">@lang('backend.reset-font')</button>
    </footer>

  </section>
{!! Form::close() !!}
