@extends('layouts.admin')

@section('content')
  <div class="row">
    <div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
      <h1 class="promotion-title txt-color-blueDark">
        <i class="fa fa-table fa-fw "></i>
          Table
        <span>
          Promotion
        </span>
        <span>>
          Form
        </span>
      </h1>
    </div>
    <div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
        <a class="btn btn-primary pull-right" href="/admin/promotions/create">
          <i class="fa fa-plus"></i>
          Add New
        </a>
    </div>
  </div>
<!-- widget grid -->
    <section id="widget-grid" class="">
      <!-- row -->
      <div class="row">
        <!-- NEW WIDGET START -->
        <article class="col-sm-12 col-md-12 col-lg-12">
          <!-- Widget ID (each widget will need unique ID)-->
          <div class="jarviswidget" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false">
            <header>
              <span class="widget-icon"> <i class="fa fa-eye"></i> </span>
              <h2>Promotion Form</h2>

            </header>

            <!-- widget div-->
            <div>

              <!-- widget edit box -->
              <div class="jarviswidget-editbox">
                <!-- This area used as dropdown edit box -->

              </div>
              <!-- end widget edit box -->

              <!-- widget content -->
              <div class="widget-body">
                @if(empty($promotion))
                <form class="form-horizontal" method="POST" action="{{route('admin.promotions.store')}}" enctype="multipart/form-data">
                  {{ csrf_field() }}
                  <fieldset>
        
                   <!--  <div class="form-group">
                      <label class="col-md-2 control-label">Start Date</label>
                      <div class="col-md-7">
                        <input class="form-control start_date" id="start_date" placeholder="Start Date" type="text" name="start_date">
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-2 control-label">End Date</label>
                      <div class="col-md-7">
                        <input class="form-control end_date" id="end_date" placeholder="End Date" type="text" name="end_date">
                      </div>
                    </div> -->
                    <div class="form-group">
                      <label class="col-md-2 control-label">Order</label>
                      <div class="col-md-7">
                        <input class="form-control " placeholder="Order" type="number" name="order">
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-2 control-label">Embed URL</label>
                      <div class="col-md-7">
                        <input class="form-control " placeholder="Enter embed url" type="url" name="embed_url">
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-2 control-label">Description</label>
                      <div class="col-md-10">
                        <textarea class="ckeditor" name="description" id="description"></textarea>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-2 control-label">Feature Image</label>
                      <div class="col-md-10">
                          <img class="img-responsive small-size-img img-clickable feature-img feature-image" src="{{asset('images/no-image.jpg')}}" alt="No Image"/>
                          <input type="file" id="feature_image" class="hidden-element feature-image" name="feature_image"/>
                        </div>
                    </div>



                  </fieldset>

                  <div class="form-actions">
                    <div class="row">
                      <div class="col-md-12">
                        <button class="btn btn-default" type="button" onclick="window.history.back();">
                          Cancel
                        </button>
                        <button class="btn btn-primary" type="submit" return="false">
                          <i class="fa fa-save"></i>
                          Save
                        </button>
                      </div>
                    </div>
                  </div>

                </form>
                @else
                  <form class="form-horizontal" method="POST" action="{{route('admin.promotions.update', $promotion)}}"  enctype="multipart/form-data">
                  <input name="_method" type="hidden" value="PUT">
                  {{ csrf_field() }}
                  <fieldset>
                    
                  <!--   <div class="form-group">
                      <label class="col-md-2 control-label">Start Date</label>
                      <div class="col-md-7">
                        <input class="form-control start_date" id="start_date" placeholder="Start Date" type="text" name="start_date" value="{{$promotion->start_date}}">
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-2 control-label">End Date</label>
                      <div class="col-md-7">
                        <input class="form-control end_date" id="end_date" placeholder="end_date" type="text" name="end_date" value="{{$promotion->end_date}}">
                      </div>
                    </div> -->
                    <div class="form-group">
                      <label class="col-md-2 col-xs-12 control-label">Status</label>  
                      <div class="col-md-10 col-xs-12">
                        <select name="enabled" id="pet-select">
                            <option value="1" @if($promotion->enabled==1) selected @endif>Enable</option>
                            <option value="0" @if($promotion->enabled==0) selected @endif>Disable</option>
                        </select>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-2 control-label">Order</label>
                      <div class="col-md-7">
                        <input class="form-control " placeholder="Order" type="number" name="order" value="{{$promotion->order}}">
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-2 control-label">Embed URL</label>
                      <div class="col-md-7">
                        <input class="form-control " placeholder="Enter embed url" type="url" name="embed_url" value="{{$promotion->embed_url}}">
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-2 control-label">Description</label>
                      <div class="col-md-10">
                        <textarea class="ckeditor" name="description" id="description">{{$promotion->description}}</textarea>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="col-md-2 control-label">Feature Image</label>
                      <div class="col-md-10">
                        <img class="img-responsive small-size-img img-clickable feature-img feature-image" src="{{$promotion->feature_image?asset($promotion->feature_image):asset('images/no-image.jpg')}}" alt="No Image"/>
                        <input type="file" id="feature_image" class="hidden-element feature-image" name="feature_image"/>
                      </div>
                    </div>



                  </fieldset>

                  <div class="form-actions">
                    <div class="row">
                      <div class="col-md-12">
                        <button class="btn btn-default" type="button" onclick="window.history.back();">
                          Cancel
                        </button>
                        <button class="btn btn-primary" type="submit">
                          <i class="fa fa-save"></i>
                          Save
                        </button>
                      </div>
                    </div>
                  </div>

                </form>
                @endif
              </div>
              <!-- end widget content -->

            </div>
            <!-- end widget div -->

          </div>
          <!-- end widget -->


          <!-- end widget -->

        </article>
        <!-- WIDGET END -->

      </div>
      <!-- end row -->


    </section>

  </div>
  <!-- END MAIN CONTENT -->

</div>
<!-- END MAIN PANEL -->

<script type="text/javascript">
  $('.start_date').datepicker({
    dateFormat: 'yy-mm-dd',
  });
  $('.end_date').datepicker({
    dateFormat: 'yy-mm-dd',
  });
</script>
@endsection