@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('SettingHome') }}">
          {{ __('Site setting') }}
        </a>
        <i class="fa fa-circle">
        </i>
      </li>
      <li>
        <a href="{{ Route('coupon.home') }}">{{ __('Offers Section') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>{{ __('Product hot offer') }}</strong>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
          <a href="{{ Route('coupon.home') }}" class="btn btn-md green">
            <i class="fa fa-list"></i>
            {{ __('Offers Section') }}
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="row form-horizontal">
    <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">
              {{ __('Product hot offer') }}
            </span>
            <h1 class="page-title">
              <small>
              </small>
            </h1>
          </div>
          <div class="actions">
          </div>
        </div>
        <div class="portlet-body">
          <div class="row">
            <div class="col-md-12">
              @livewire('back-end.setting.hot-offer')
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  <script type="text/javascript">
    jQuery(document).ready(function($){
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });
      $(".form_datetime").datetimepicker({
        autoclose: true,
        isRTL: App.isRTL(),
        format: "yyyy/mm/dd HH:ii P",
        todayBtn: true,
        startDate: new Date(),
        minDate: new Date()
      });
    });
  </script>
@endsection