@extends('layouts.main')

@section('container')

<div class="main_container">
     <br><br>
     <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
        
            <div class="clearfix"></div>
			<div class="row">
              <div class="col-md-6 col-xs-12 col-md-offset-3">
            	<div class="x_panel">
                  <div class="x_title">
                    <h2> Gallery <small></small></h2>
                   <!--  <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <!-- <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul> 
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul> -->
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">

                  <!-- start form for validation -->
                  <form action="{{ route('AdminEventAction') }}" method="post" class="form-horizontal" enctype="multipart/form-data" id="validate-form" >
                    <label for="fullname">Header* :</label> 
                    {!! csrf_field() !!}
                    <!--calculating the length of the image array for  total number of image upload changes in jquery.filter.js-->
                    <input type="hidden" value="1" id="image-count">

                    <input type="text" id="fullname" class="form-control"  required  name="a_header" value="{{old('a_header')}}"   maxlength="37" required="" />
                    <label for="fullname">Gallery Type* :</label> 
                     <select id="heard" class="form-control" name="title"required="">
                            <option value="Event">Event</option>
                            <option value="News">News</option>
                          </select>
                    <label for="message">Description  :</label>
                    {{--<textarea id="message" required="required" class="form-control" name="description"  data-parsley-trigger="keyup" data-parsley-minlength-message="Come on! You need to enter at least a 20 caracters long comment.."
                    data-parsley-validation-threshold="10"></textarea>--}}
                    <textarea  name="description" id="summernote"></textarea>
                    <label for="fullname">Upload Image* :</label>
                    <input type="file" name="upload[]" id="filer_input" multiple="multiple" required="">

                    <br/>
                    <button class="btn btn-primary" type="submit">Save</button>

                  </form>
                    <!-- end form for validations -->

                  </div>
                </div>


              </div>

            </div>

          </div>
        </div>
        <!-- /page content -->

        <!-- /footer content -->
      </div>

<script>
$('.dropme').dropme('enable');
$('.exclude').dropme({
				items: ':not(.disabled)'
			});
			$('.connected').dropme({
				linkTo: '.connected'
			});
</script>

@stop