@extends("admin.template")

@section('content')
  <h1 class="page-title">
    {{ ucfirst($action) }} Banner
  </h1>

  <div class="portlet light bordered">
    <div class="portlet-body form">
      <form action="" method="post" class="form-horizontal" enctype="multipart/form-data" id="form">
        {!! csrf_field() !!}
  
        <div class="form-group">
          <label class="control-label col-md-2">Title <span class="required">*</span></label>
          <div class="col-md-10">
            {{Form::text('title', $banner->title, ['rows'=>'5', 'class'=>'form-control','required'])}}
          </div>
        </div>
  
        <div class="form-group">
          <label class="control-label col-md-2">Content <span class="required">*</span></label>
          <div class="col-md-10">
            {{Form::textarea('content', $banner->content, ['rows'=>'5', 'class'=>'form-control','required'])}}
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-md-2">Button Text <span class="required">*</span></label>
          <div class="col-md-10">
            {{Form::text('button_text', $banner->button_text, ['rows'=>'5', 'class'=>'form-control','required'])}}
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-md-2">Button Link <span class="required">*</span></label>
          <div class="col-md-10">
            {{Form::text('link', $banner->link, ['rows'=>'5', 'class'=>'form-control','required'])}}
          </div>
        </div>
        <div class="form-group">
          <label class="control-label col-md-2">
            Image
            @if($banner->image == null)
              <span class="required">*</span>
            @endif
            <br>
            <small>(max 1920px width x 600px height)</small>
          </label>
          <div class="col-md-10 form-control-static">
            @if($banner->image != null)
              <img src="{{asset('assets/images/frontend/banners/'.$banner->image)}}" style="max-height: 200px; max-width: 300px;">
            @endif
            {{Form::file('image')}}
          </div>
        </div>
        
        
        <div class="form-actions">
          <div class="row">
            <div class="col-md-6">
              <div class="row">
                <div class="col-md-offset-3 col-md-9">
                  <button type="submit" class="btn green">Submit</button>
                  <button type="button" class="btn default">Cancel</button>
                </div>
              </div>
            </div>
            <div class="col-md-6"> </div>
          </div>
        </div>
      </form>
    </div>
  </div>
@endsection


@section('script')

  <!-- BEGIN VALIDATION PLUGINS -->
  <script src="{{asset('assets/metronic/global/plugins/jquery-validation/'.'jquery.validate.min.js')}}"></script>
  <script src="{{asset('assets/metronic/global/plugins/jquery-validation/'.'additional-methods.min.js')}}"></script>
  <!-- END VALIDATION PLUGINS -->
  <script>
      $(document).ready(function () {
          $('#form').validate({ // initialize the plugin
              rules: {
                  title: {
                      required: true,
                  },
                  content: {
                      required: true,
                  },
                  button_text:{
                      required:true,
                  },
                  link:{
                      required:true,
                      url: true
                  },
                @if($banner->image == null)  image: {
                    required: true,
                    extension: "jpg|jpeg|png"
                }
                @endif
              },
              submitHandler: function (form) {
                  return true; // do action submit
              }
          });

      });
  </script>
@endsection