@extends('adminlte::page')

@section('title', 'SEO Settings')

@section('content_header')
<div class="row">
  <div class="col-6">
    <h1>SEO Settings</h1>
    <p class="small"><a href="/admin">Dashboard</a> / <a href="/admin/settings/general-settings">System Settings</a> /
      SEO Settings</p>
  </div> <!-- /.col -->
  <div class="col-6">

  </div> <!-- /.col -->
</div> <!-- /.row -->
@stop

@section('content')

@include('notifications')
<!-- form start -->
<form method="POST" action="/admin/settings/seo-settings" enctype="multipart/form-data" role="form">
  {{ csrf_field() }}


  <div class="card card-default">
    <div class="card-header">
      <h3 class="card-title">SEO Settings</h3>
    </div> <!-- /.card-header -->
    <div class="card-body">
      <div class="row">
        <div class="col-md-3">
          <div class="form-group">
            <label for="seo_site_name">Site Name</label>
            <input type="text" name="seo_site_name" class="form-control" id="seo_site_name" maxlength="75"
              placeholder="Enter Site Name" value="{{ getSetting('seo_site_name') }}" required>
          </div>
        </div> <!-- /.col -->
      </div> <!-- /.row -->
      <div class="row">
        <div class="col-md-8">
          <div class="form-group">
            <label for="seo_site_title">SEO Meta Title</label>
            <input type="text" name="seo_site_title" class="form-control" id="seo_site_title" maxlength="75"
              placeholder="Enter SEO Meta Title" value="{{ getSetting('seo_site_title') }}" required>
          </div>
        </div> <!-- /.col -->
        <div class="col-md-4">
          <div class="form-group">
            <label for="seo_separator">Browser Tab Title Separator</label>
            <input type="text" name="seo_separator" class="form-control" id="seo_separator" maxlength="10"
              placeholder="Enter Browser Tab Title Separator" value="{{ getSetting('seo_separator') }}" required>
          </div>
        </div> <!-- /.col -->
      </div> <!-- /.row -->
      <div class="row">
        <div class="col-md-8">
          <div class="form-group">
            <label for="seo_description">SEO Meta Description</label>
            <textarea name="seo_description" class="form-control" id="seo_description"
              placeholder="Enter SEO Meta Description" maxlength="175"
              required>{{ getSetting('seo_description') }}</textarea>
          </div>
        </div> <!-- /.col -->
      </div> <!-- /.row -->
      <div class="row">
        <div class="col-md-3">
          <div class="form-group">
            <label for="seo_author">Author Name</label>
            <input type="text" name="seo_author" class="form-control" id="seo_author" maxlength="256"
              placeholder="Enter Author Name" value="{{ getSetting('seo_author') }}">
          </div>
        </div> <!-- /.col -->
        <div class="col-md-3">
          <div class="form-group">
            <label for="seo_twitter">Twitter Handle</label>
            <input type="text" name="seo_twitter" class="form-control" id="seo_twitter" maxlength="256"
              placeholder="Enter @twitterhandle" value="{{ getSetting('seo_twitter') }}">
          </div>
        </div> <!-- /.col -->
      </div> <!-- /.row -->
      <div class="row">
        <div class="col-md-4">
          {{-- Media Input --}}
          @include('backend.components.media-input', ['label' => 'Favicon', 'value' =>
          'seo_favicon', 'image' => getSetting('seo_favicon')])
          {{-- Media Input --}}
        </div> <!-- /.col -->
        <div class="col-md-8">
          {{-- Media Input --}}
          @include('backend.components.media-input', ['label' => 'Site Image', 'value' =>
          'seo_image', 'image' => getSetting('seo_image')])
          {{-- Media Input --}}
        </div> <!-- /.col -->
      </div> <!-- /.row -->
    </div> <!-- /.card-body -->
  </div> <!-- /.card -->
  <div class="card card-default">
    <div class="card-body">
      <button type="submit" name="saveSEOSettings" class="btn btn-flat btn-primary" id="saveSEOSettings">Save
        Settings</button>
    </div> <!-- /.card-body -->
  </div> <!-- /.card -->
</form>
@stop
@section('plugins.jQuery-UI', true)
@section('plugins.Select2', true)
@section('plugins.Summernote', true)
@section('plugins.BootstrapSwitch', true)
@section('adminlte_js')
<script>
  // runs when the document is ready --> for media files
  $(document).ready(function() {        
    getChosenFilesCount();        
    showSelectedFilePreviewOnLoad();        
  });
</script>
@stop