@extends('backend.layouts.app')

@section('content')

@if(Session::has('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
              </div>
@endif

@if(Session::has('error_message'))
<div class="callout callout-danger">
                <h6>{{ Session::get('error_message')}}</h6>
              </div>
@endif


@if (count($errors) > 0)
    <div class="callout callout-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif


  {!! Html::script('expand_theme/js/jquery.validate.min.js') !!}
<script>
  // When the browser is ready...
  $(function() {
  
     
  $(".edit_form").validate({
  rules: {
	 }
  });
  
   $('#name').on('keyup',function() {
 var kew=$(this).val();
var rs=kew.toLowerCase();
var rs1=rs.replace(" ","-");
    $('#slug').val(rs1);
});



var _URL = window.URL || window.webkitURL;

$("#file").change(function(e) {
    var file, img;


    if ((file = this.files[0])) {
        img = new Image();
        img.onload = function() {
		   if(this.width >800 || this.height >800){
			   alert('Recommended size 800 x 800px for default');
			  $("#file").val('');
			}
        };
        img.onerror = function() {
            alert( "Not a valid file: " + file.type + "."+"Please upload JPG, GIF or PNG format files only");
			$("#file").val('');
        };
        img.src = _URL.createObjectURL(file);


    }

});



 });
 
 



</script>
<div class="row new_member" id="ajaxmaterialdisplayform">
 {!! Form::open(array('url' => 'admin/parties_products/create', 'class' => 'form-horizontal edit_form', 'files' => true )) !!}
<div class="col-md-9" id="backend-configuration-mobile-gp">
<div class="box">
 <div class="box-header">
					<div class="row">
                	
                    <div class="col-md-7"><h3>@lang('user_messages.create_product')</h3></div>
                  
                    </div>
				
		</div>
<div class="box-body">

   

 <div class="form-body">
 <div class="row" style="margin:0px 0px 0px 0px !important;">
 <div class="col-md-12">
   <div class="form-group">
       <label class="control-label"><h4>@lang('user_messages.product_information') <span class="required" aria-required="true">* </span> </h4></label> 
    </div>
  </div>

  </div>
    <div class="row" style="margin:0px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">@lang('user_messages.name')<span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-4">
   <input type="text" name="name" id="name" class="form-control required" value="{{ old('name') }}">
  </div>
  <!--  <div class="col-md-2">
   
   <label class="control-label">Slug Name<span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-4">
   <input type="text" name="slug" id="slug" class="form-control required" value="{{ old('slug') }}">
  </div>-->
  <div class="col-md-2">
<label class="control-label">@lang('user_messages.price')<span class="required" aria-required="true">* </span>
</label>  
</div><div class="col-md-4 input_container">
<input  type="number"  class="form-control required" id="price" name="price" value="{{ old('price') }}" min=0></div>
  </div>

 <div class="row" style="margin:10px 0px 0px 0px !important;">
  <div class="col-md-2">
   
   <label class="control-label">@lang('user_messages.min_size')<span class="required" aria-required="true">* </span></label>  
  </div>
  <div class="col-md-4">
   <input type="number" name="min_size" id="min_size" class="form-control required" value="{{ old('min_size') }}">
  </div>

  <div class="col-md-2">
<label class="control-label">@lang('user_messages.max_size')<span class="required" aria-required="true">* </span>
</label>  
</div><div class="col-md-4 input_container">
<input  type="number"  class="form-control required" id="max_size" name="max_size" value="{{ old('max_size') }}" min=0></div>
  </div>


<div class="row" style="margin:10px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="control-label">@lang('user_messages.applies_to')
</label>  
</div><div class="col-md-4 input_container">
<select class="form-control" name="applies_to">
<option value="0">--@lang('messages.select')--</option>
    @foreach($party_addons as $addons)
    <option value="{{$addons->addons_id}}">{{$addons->addon}}</option>
    @endforeach
<!-- <option value="1">per child</option>
<option value="2">per additional guest</option> -->
</select></div>
<!--
<div class="col-md-2">
<label class="control-label">Featured Image
</label>  
</div><div class="col-md-4 input_container">
<input type="file" class="form-control" name="product_logo" id="file"></div>-->

</div>

<!--<div class="row" style="margin:10px 0px 0px 0px !important;">
<div class="col-md-2">
 
</div><div class="col-md-4 input_container"></div>

<div class="col-md-2">
<label class="control-label"></label>  
</div>
<div class="col-md-4 input_container">(Recommended size 800 x 800px for default.Please upload JPG, GIF or PNG format files only)</div>

</div>--></div>

<div class="row" style="margin:10px 0px 0px 0px !important;">
<div class="col-md-2">
<label class="control-label">@lang('user_messages.description')

</label>  
</div><div class="col-md-10">
<textarea id="editor1" name="description" rows="10" cols="80" class="form-control">
                                           
                    </textarea>
</div>
</div>
<div class="row form-section" style="margin:10px 0px 0px 0px !important;">
                  <div class="col-md-5">
                                <div class="row">
                                    <div class="col-md-offset-4 col-md-8">
																	
									<button type="submit" class="btn btn-info">@lang('user_messages.save')</button>
                                      <a href="{{ url('admin/parties_products')}}" class="btn btn-default">@lang('user_messages.cancel')</a>
									 
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-7">
                            </div>
</div>
</div>
</div>
</div>

<!--<div class="box">
<div class="box-body">

</div>
</div>-->



<div class="col-md-3">

<div class="box">
 <div class="box-header with-border">
					<div class="row">
                	
                    <div class="col-md-12"><h4><i class="fa fa-fw fa-list"></i>&nbsp;@lang('messages.categories')</h4></div>
                  
                    </div>
				
		</div>
<div class="box-body">

	<div class="row">
                	 <div class="col-md-4"></div>
                    <div class="col-md-7"><p class="form-control-static pull-right"> <a href="{{ url('admin/parties_categories') }}" class="btn btn-default"><i class="fa fa-plus"></i>&nbsp;@lang('user_messages.add_category')</a></p></div>
                  
                    </div>
					
				
					@foreach($categories as $cate)
                  <div class="checkbox">
                    <label>
                      <input type="checkbox" name="cat[]" value="{{ $cate->bd_id }}" class="required">
                     {{ $cate->pname }}
                    </label>
                  </div>
				  @endforeach
             

</div>

</div>

</div>
{!! Form::close() !!}
</div>
</div>
</div> 
{!! Html::script('expadmin/bower_components/ckeditor/ckeditor.js') !!}
{!! Html::style('expand_theme/dataTables.bootstrap.css') !!}
{!! Html::script('expand_theme/jquery.dataTables.min.js') !!}
{!! Html::script('expand_theme/dataTables.bootstrap.min.js') !!}
{!! Html::script('expand_theme/bootstrap-daterangepicker/daterangepicker.js') !!}
{!! Html::script('expand_theme/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') !!}

{!! Html::script('expand_theme/select2/dist/js/select2.full.min.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.date.extensions.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.extensions.js') !!}
{!! Html::script('expand_theme/moment/min/moment.min.js') !!}
  <!-- Font Awesome -->
  {!! Html::style('expand_theme/font-awesome/css/font-awesome.min.css') !!}
  <!-- Ionicons -->
  <!-- daterange picker -->
 {!! Html::style('expand_theme/bootstrap-daterangepicker/daterangepicker.css') !!}
  <!-- bootstrap datepicker -->
 {!! Html::style('expand_theme/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') !!}
<script>
  $(function () {
    // Replace the <textarea id="editor1"> with a CKEditor
    // instance, using default configuration.
    CKEDITOR.replace('editor1')
    //bootstrap WYSIHTML5 - text editor
    $('.textarea').wysihtml5()
  })
</script>
<style>
.error{
color:#E81717;
}
</style>
@stop