@extends('home')
@section('title')
  @lang('site.site_name')
@endsection
@section('styles')
  {!! Html::style(Theme::current()->assetPath.'/pages/css/profile.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/select2/css/select2.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/select2/css/select2-bootstrap.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css') !!}
  {!! Html::style(Theme::current()->assetPath.'/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css') !!}
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ Route('coupon.home') }}">{{ __('Offers Section') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <a href="{!! route('admin.coupon.index') !!}">{!! __('Timed offers') !!}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <span>{{ __('Edit') }}</span>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
        </div>
      </div>
    </div>
  </div>
  {!! Form::open(array('route' => ['admin.coupon.update',$coupon->id],'method' => 'put' ,'files' => true ,'class' => 'form-horizontal','id' => 'main-form')) !!}
  <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"></i>{{ __('Edit') }}
          </div>
          <div class="actions btn-set">
            <button type="submit" class="btn btn-success" name="action" value="save">
              <i class="fa fa-edit"></i>{{ __('Save') }}
            </button>
          </div>
        </div>
        <div class="portlet-body">
          <div class="alert alert-danger display-hide">
          </div>
          <div class="row">
            <div class="col-md-8">
              <div class="portlet box blue-hoki">
                <div class="portlet-title">
                  <div class="caption">
                    <i class="fa fa-gift"></i>{!! __('Edit offer') !!}</div>
                  </div>
                  <div class="portlet-body form">
                    <div class="form-body">
                      <div class="form-group">
                        <label class="col-md-3 control-label">{!! __('Coupon name') !!}</label>
                        <div class="col-md-4">
                          <input type="text" name="title" class="form-control" value="{{ @$coupon->title }}" required>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="col-md-3 control-label">{!! __('Coupon Code') !!}</label>
                        <div class="col-md-4">
                          <input type="text" name="code" class="form-control" value="{{ @$coupon->code }}" required>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="col-md-3 control-label">{!! __('Discount Type') !!}</label>
                        <div class="col-md-4">
                          <select class="select-chosen" data-placeholder="{{ __('Select') }}" name="type" id="type" style="width: 100%;" required >
                            <option value='discount' @if (@$coupon->type == 'discount')
                              selected
                            @endif>{{ __('Fixed discount') }}</option>
                            <option value='percent' @if (@$coupon->type == 'percent')
                              selected
                            @endif>{{ __('Percent discount') }}</option>
                          </select>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="col-md-3 control-label">{!! __('amount') !!} <span id="txt">@if (@$coupon->type == 'discount')
                          {{ __('Fixed discount') }}
                        @else
                          {{ __('Percent discount') }}
                        @endif</span> </label>
                        <div class="col-md-4">
                          <input type="text" name="amount" class="form-control" value="{{ @$coupon->amount }}" required>
                        </div>
                      </div>
                      <fieldset class="btn-action m10">
                        <legend>{!! __('Activate a discount coupon') !!}</legend>
                        <br>
                        <div class="form-group">
                          <div class="col-md-12">
                            <div class="mt-radio-list">
                              <label class="mt-radio">
                                <input type="radio" name="minimum" id="no_minimum" value="no_minimum" @if ($coupon->min_amount === null)
                                  checked
                                @endif > {!! __('No minimum purchase invoice') !!}
                                <span></span>
                              </label>
                              <label class="mt-radio">
                                <input type="radio" name="minimum" id="minimum" value="minimum" @if ($coupon->min_amount !== null)
                                  checked
                                @endif> {!! __('Minimum purchase invoice') !!}
                                <span></span>
                              </label>
                            </div>
                          </div>
                        </div>
                        <div class="form-group" id="min_amount" >
                          <label class="col-md-3 control-label">{!! __('Minimum purchase amount') !!}</label>
                          <div class="col-md-4">
                            <input type="text" name="min_amount" class="form-control" value="{{ @$coupon->min_amount }}" >
                          </div>
                        </div>
                        <br>
                      </fieldset>
                      <fieldset class="btn-action m10">
                        <legend>{!! __('How often the coupon is used') !!}</legend>
                        <br>
                        <div class="form-group">
                          <div class="col-md-12">
                            <div class="mt-radio-list">
                              <label class="mt-radio">
                                <input type="radio" name="limited" id="no_limited" value="no_limited" @if ($coupon->limit === null)
                                  checked
                                @endif> {!! __('Unlimited') !!}
                                <span></span>
                              </label>
                              <label class="mt-radio">
                                <input type="radio" name="limited" id="limited" value="limited" @if ($coupon->limit !== null)
                                  checked
                                @endif> {!! __('Limited') !!}
                                <span></span>
                              </label>
                            </div>
                          </div>
                        </div>
                        <div class="form-group" id="max-limit" >
                          <label class="col-md-3 control-label">{!! __('Coupon limit') !!}</label>
                          <div class="col-md-4">
                            <input type="text" name="limit" class="form-control" value="{{ @$coupon->limit }}" >
                          </div>
                        </div>
                        <br>
                      </fieldset>
                      <fieldset class="btn-action m10">
                        <legend>{!! __('Discount Coupon Expiry Date') !!}</legend>
                        <br>
                        <div class="form-group">
                          <div class="col-md-12">
                            <div class="mt-radio-list">
                              <label class="mt-radio">
                                <input type="radio" name="timed" id="no_expiry" value="no_timed" @if ($coupon->expiry === null)
                                  checked
                                @endif> {!! __('Unlimited') !!}
                                <span></span>
                              </label>
                              <label class="mt-radio">
                                <input type="radio" name="timed" id="expiry" value="expiry" @if ($coupon->expiry !== null)
                                  checked
                                @endif> {!! __('time-limited') !!}
                                <span></span>
                              </label>
                            </div>
                          </div>
                        </div>

                        <div class="form-group date form_datetime" id="expiry-limit">
                          <label class="col-md-3 control-label">{{ __('Expiry date') }}
                            <span class="required"> * </span>
                          </label>
                          <div class="col-md-8">
                            <div class="input-group date form_datetime bs-datetime">
                              <input value="{{ @$coupon->expiry }}" dir="ltr" type="text" size="16" class="form-control @error('expiry') error @enderror" name="expiry" >
                                <span class="input-group-btn">
                                  <button class="btn default date-set" type="button">
                                    <i class="fa fa-calendar"></i>
                                  </button>
                                </span>
                              </div>

                          </div>
                        </div>
                        <br>
                      </fieldset>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4">
                <div class="portlet box blue">
                  <div class="portlet-title">
                    <ul class="nav nav-tabs">
                      <li class="active">
                        <a href="#portlet_tab0" data-toggle="tab">
                          {{ __('Image') }}
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div class="portlet-body">
                    <div class="tab-content">
                      <div class="tab-pane active" id="portlet_tab0">
                        <div class="form-group">
                          @if ($coupon->image)
                            <img id="holder" style="max-width: 100%;margin-top:15px;" src="{{ asset($coupon->image) }}" />
                          @else
                            <img id="holder" style="max-width: 100%;margin-top:15px;" src="{{ asset('images/no-image.png') }}" />
                          @endif
                          <p class="legend"> Image size (900×600px) </p>
                          <div class="input-group">
                            <span class="input-group-btn">
                              <a id="lfm" data-input="thumbnail" data-preview="holder" class="btn btn-primary">
                                <i class="fa fa-picture-o"></i> {{ __('Choose Image') }}
                              </a>
                            </span>
                            <input id="thumbnail" value="{{ $coupon->image }}" class="form-control" type="text" name="image">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="portlet light portlet-fit bordered">
                  <div class="portlet-body">
                    <div class="form-group">
                      <label class="control-label col-md-6">{{ __('Published') }}
                        <span class="required"> * </span>
                      </label>
                      <div class="col-md-6">
                        <div class="input-icon right">
                          <i class="fa"></i>
                          <input name="publish" value="1" type="checkbox" class="make-switch" checked data-on-text="<i class='fa fa-check'></i>" data-off-text="<i class='fa fa-times'></i>">
                        </div>
                      </div>
                    </div>
                    <div class="form-group center">
                      <button type="submit" class="  btn green"> <i class="fa fa-edit"></i> {{ __('Save') }}</button>
                      <a href="{!! URL::route('admin.coupon.index') !!}" class="btn red "> {{ __('Cancel') }} <i class="icon-wallet"></i>
                      </a>
                      <div class="clearfix margin-bottom-10"> </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    {!! Form::close() !!}
  @endsection
  @section('scripts')
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-confirmation/bootstrap-confirmation.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/select2/js/select2.full.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/lib/markdown.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/bootstrap-markdown/js/bootstrap-markdown.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/jquery.validate.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-validation/js/additional-methods.min.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/jquery.filer/js/jquery.filer.js') !!}
    {!! Html::script(Theme::current()->assetPath.'/jquery.filer/js/custom.js') !!}
    {!! Html::script( asset('vendor/unisharp/laravel-ckeditor/ckeditor.js') ) !!}
    <script type="text/javascript" charset="utf-8">
      var route_prefix = "{{ url(config('lfm.url_prefix')) }}";
      var options = {
        filebrowserImageBrowseUrl: route_prefix + '?type=Images',
        filebrowserImageUploadUrl: route_prefix + '/upload?type=Images&_token={{csrf_token()}}',
        filebrowserBrowseUrl: route_prefix + '?type=Files',
        filebrowserUploadUrl: route_prefix + '/upload?type=Files&_token={{csrf_token()}}'
      };
    </script>
    <script>
      {!! \File::get(base_path('vendor/unisharp/laravel-filemanager/public/js/lfm.js')) !!}
    </script>
    <script>
      $('#lfm').filemanager('image', {prefix: route_prefix});
      $('#lfm-banner').filemanager('image', {prefix: route_prefix});
    </script>
    <script type="text/javascript">
      jQuery(document).ready(function($){
        @if ($coupon->min_amount === null)
          $("#min_amount").hide();
        @endif
        @if ($coupon->expiry === null)
          $("#expiry-limit").hide();
        @endif
        @if ($coupon->limit === null)
          $("#max-limit").hide();
        @endif
        $("select").select2();
        $( "body" ).on( "change", 'select[name="type"]', function() {
          var item      = $(this).find(":selected").text();
          $("#txt").text(item);
        });
        $( "body" ).on( "click", 'input[name="minimum"]', function() {
          var item      = $(this).val();
          if (item == 'minimum') {
            $("#min_amount").show();
          }
          else {
            $("#min_amount").hide();
          }
        });
        $( "body" ).on( "click", 'input[name="limited"]', function() {
          var item      = $(this).val();
          if (item == 'limited') {
            $("#max-limit").show();
          }
          else {
            $("#max-limit").hide();
          }
        });
        $( "body" ).on( "click", 'input[name="timed"]', function() {
          var item      = $(this).val();
          if (item == 'expiry') {
            $("#expiry-limit").show();
          }
          else {
            $("#expiry-limit").hide();
          }
        });
        // $("input[@name='lom']").change(function(){
        //   // Do something interesting here
        // });
        // $(".form_datetime").datetimepicker({
        //   autoclose: true,
        //   todayBtn: true,
        //   minuteStep: 5,
        //   minDate:0,
        //   format: "yyyy/mm/dd HH:ii P",
        //   startDate: new Date(),
        //   minDate: new Date()
        // });

        $(".form_datetime").datetimepicker({
          autoclose: true,
          isRTL: App.isRTL(),
    dateFormat: "yy-mm-dd",
    timeFormat:  "hh:mm:ss",
          todayBtn: true,
          startDate: new Date(),
          minDate: new Date()
        });
      });
    </script>
  @endsection