@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-colorpicker/css/colorpicker.css') !!}
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ route('dashboard.home.page') }}">{{ __('Home') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <a href="{{ route('SettingHome') }}">{{ __('Site setting') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>{{ __('Site Schema') }}</strong>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
          <a href="{{ Route('dashboard.home.page') }}" class="btn btn-sm grey-cascade">
            <i class="fa fa-home">
            </i> {{ __('Home') }}
          </a>
          <a href="{{ URL('dashboard/setting') }}" class="btn btn-sm green">
            <i class="fa fa-home">
            </i> {{ __('Site setting') }}
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="portlet light bordered">
        <div class="portlet-title">
          <div class="caption">
            <i class="fa fa-edit font-purple-soft"></i>
            <span class="caption-subject font-purple-soft bold">{{ __('Site Schema') }}</span>
            <h1 class="page-title">
              <small>  </small>
            </h1>
          </div>
          <div class="actions">
          </div>
        </div>
        <div class="portlet-body">
          {!! Form::open(array('route' => ['saveSetting',$section],'class' => 'form-horizontal','id' => 'form-social')) !!}
          <div class="row">
            <div class="col-md-8">
              <div class="portlet light portlet-fit bordered">
                <div class="portlet-body">
                  <div class="form-group">
                    <label class="col-md-6">{{ __('Top Bar background color') }}
                    </label>
                    <div class="col-md-6 ">
                      <div class="input-group color colorpicker-default" data-color="{{ @$data['top_bar'] }}" data-color-format="hex">
                        <input dir="ltr" type="text" name="data[top_bar]" class="form-control" value="{{ @$data['top_bar'] ?? '#173D6C' }}" >
                        <span class="input-group-btn">
                          <button class="btn default" type="button">
                            <i style="background-color: {{ @$data['top_bar'] ?? '#173D6C' }}"></i>&nbsp;</button>
                          </span>
                        </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-6">{{ __('Main menu background color') }}
                      </label>
                      <div class="col-md-6 ">
                        <div class="input-group color colorpicker-default" data-color="{{ @$data['menu'] }}" data-color-format="hex">
                          <input dir="ltr" type="text" name="data[menu]" class="form-control" value="{{ @$data['menu'] ?? '#0E2B4F' }}" >
                          <span class="input-group-btn">
                            <button class="btn default" type="button">
                              <i style="background-color: {{ @$data['menu'] ?? '#0E2B4F' }}"></i>&nbsp;</button>
                            </span>
                          </div>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="col-md-6">{{ __('Secondary color') }}
                        </label>
                        <div class="col-md-6 ">
                          <div class="input-group color colorpicker-default" data-color="{{ @$data['secondary'] }}" data-color-format="hex">
                            <input dir="ltr" type="text" name="data[secondary]" class="form-control" value="{{ @$data['secondary'] ?? '#3f71b1' }}" >
                            <span class="input-group-btn">
                              <button class="btn default" type="button">
                                <i style="background-color: {{ @$data['secondary'] ?? '#3f71b1' }}"></i>&nbsp;</button>
                              </span>
                            </div>
                          </div>
                        </div>          <div class="form-group">
                        <label class="col-md-6">{{ __('Accent color') }}
                        </label>
                        <div class="col-md-6 ">
                          <div class="input-group color colorpicker-default" data-color="{{ @$data['accent'] }}" data-color-format="hex">
                            <input dir="ltr" type="text" name="data[accent]" class="form-control" value="{{ @$data['accent'] ?? '#3f71b1' }}" >
                            <span class="input-group-btn">
                              <button class="btn default" type="button">
                                <i style="background-color: {{ @$data['accent'] ?? '#3f71b1' }}"></i>&nbsp;</button>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-md-4">
                    <div class="portlet light portlet-fit bordered">
                      <div class="portlet-body">
                        <button type="submit" class="btn green"> <i class="fa fa-edit"></i> {{ __('Save') }}</button>
                      </div>
                    </div>
                  </div>
                </div>
                <ul class="m-nav-sticky">
                  <li class="m-nav-sticky__item " >
                    <button name="submit" value="save" type="submit" class="btn btn-primary tooltips" data-container="body" data-placement="right" data-original-title="Save">
                      <i class="fa fa fa-floppy-o"></i>
                    </button>
                  </li>
                  <li class="m-nav-sticky__item">
                    <a href="{{ route('SettingHome') }}" class="btn btn-primary tooltips" data-container="body" data-placement="right" data-original-title="Cancel"><i class="fa fa-times"></i></a>
                  </li>
                </ul>
                {!! Form::close() !!}
              </div>
            </div>
          </div>
        </div>
      @endsection
      @section('scripts')
        {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js') !!}
        <script type="text/javascript">
          jQuery(document).ready(function($){
            'use strict';
            if (!$().colorpicker) {
              return;
            }
            $('.colorpicker-default').colorpicker({
              format: 'hex'
            });
          });
        </script>
      @endsection