@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ Route('dashboard.home.page') }}">{{ __('Dashboard') }}</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>{{ __('Contact info') }}</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">
              {{ __('Contact info') }}
            </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="tabbable-line nav-justified">
                    @include('partials.nav-lang')
                    <div class="tab-content">
                      @foreach (config('translatable.locales') as $lang => $language)
                        <div class="tab-pane fade @if ($loop->first) active @endif in" id="tab_1_{{$language}}">
                          <div class="form-group">
                            <label class="col-md-4">
                              {{ __('Address') }}
                            </label>
                            <div class="col-md-8">
                              <div class="input-icon right">
                                <i class="fa fa-location">
                                </i>
                                <textarea name="data[address][{{ $language }}]" rows="2" class="form-control" id="my-short-{{ $language }}">{{ @$data['address'][$language] }}</textarea>
                              </div>
                            </div>
                          </div>
                          <div class="form-group">
                            <label class="col-md-4">
                            <b>{!! __('Page') !!}</b>  {{ __('Contact us') }}
                            </label>
                            <div class="col-md-8">
                              <div class="input-icon right">
                                <textarea name="data[contact][{{ $language }}]" rows="1" class="form-control" id="my-short-{{ $language }}">{{ @$data['contact'][$language] }}</textarea>
                              </div>
                              <hr>
                              <div class="input-icon right">
                                <textarea name="data[subtitle][{{ $language }}]" rows="1" class="form-control" id="my-short-{{ $language }}">{{ @$data['subtitle'][$language] }}</textarea>
                              </div>
                            </div>
                          </div>
                        </div>
                      @endforeach
                    </div>
                    <hr />
                    <div class="form-group">
                      <label class="col-md-12">{{ __('Google map') }}
                        <span class="required"> * </span>
                      </label>
                      <div class="col-md-12">
                        <div class="input-icon right">
                          <i class="fa"></i>
                          <textarea dir="ltr" name="data[gmap]" rows="6" class="form-control" id="my-editor-gmap">{{ @$data['gmap'] }}</textarea>
                        </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-12">{{ __('Google map Footer') }}
                        <span class="required"> * </span>
                      </label>
                      <div class="col-md-12">
                        <div class="input-icon right">
                          <i class="fa"></i>
                          <textarea name="data[gmap_footer]" rows="4" class="form-control" id="my-editor-gmap">{{@$data['gmap_footer']}}</textarea>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="portlet light portlet-fit bordered">
                <div class="portlet-body">
                  <div class="form-group">
                    <label class="col-md-12">{{ __('Whatsapp') }}
                      <span class="required"> * </span>
                    </label>
                    <div class="col-md-12">
                      <div class="input-icon right">
                        <i class="fa fa-whatsapp"></i>
                        <input type="text" value="{{ @$data['whatsapp'] }}" class="form-control" name="data[whatsapp]"  />
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-md-12">{{ __('Phone') }}
                      <span class="required"> * </span>
                    </label>
                    <div class="col-md-12">
                      <div class="input-icon right">
                        <i class="fa fa-phone"></i>
                        <input type="text" value="{{ @$data['phone'] }}" class="form-control" name="data[phone]"  />
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-md-12">{{ __('Mobile') }}
                      <span class="required"> * </span>
                    </label>
                    <div class="col-md-12">
                      <div class="input-icon right">
                        <i class="fa fa-mobile"></i>
                        <input type="text" value="{{ @$data['mobile'] }}" class="form-control" name="data[mobile]"  />
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-md-12">{{ __('Email') }}
                      <span class="required"> * </span>
                    </label>
                    <div class="col-md-12">
                      <div class="input-icon right">
                        <i class="fa fa-envelope"></i>
                        <input type="email" value="{{ @$data['email'] }}" class="form-control" name="data[email]"  />
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-md-12">{{ __('Fax') }} 1
                      <span class="required"> * </span>
                    </label>
                    <div class="col-md-12">
                      <div class="input-icon right">
                        <i class="fa fa-fax"></i>
                        <input type="text" value="{{ @$data['fax'] }}" class="form-control" name="data[fax]"  />
                      </div>
                    </div>
                  </div>
                  <button type="submit" class="btn green"> <i class="fa fa-edit"></i> {{ __('Save') }}</button>
                </div>
              </div>
            </div>
          </div>
          <ul class="m-nav-sticky" style="margin-top: 30px;">
            <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')
@endsection