@extends('admin.layouts.main')
@section('content')

<div class="page-content">
  <div class="container-fluid">

      <!-- start page title -->
      <div class="row">
          <div class="col-12">
              <div class="page-title-box d-flex align-items-center justify-content-between">
                  <h4 class="mb-0">Gallery Management</h4>

                  <div class="page-title-right">
                      <ol class="breadcrumb m-0">
                          <li class="breadcrumb-item"><a href="{{ url('dashboard') }}">Dashboard</a> / Gallery</li>
                      </ol>
                  </div>
              </div>
          </div>
      </div>
      <!-- end page title -->
      <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                      <div class="col-md-11">
                        <h3 class="card-title">Add Gallery</h3>
                      </div>
                      <div class="col-md-1">
                        <a href="{{ url('gallery')}}" class="btn btn-sm btn-primary"><i class="fa fa-arrow-left"></i> Back</a>
                      </div>
                    </div><br>
                    
                   {!! Form::open(['method' => 'POST', 'route' => ['gallery.store'], 'enctype'=>'multipart/form-data', 'id'=>'galleryAddForm']) !!}
                    <div class="row">
                      <?php 
                        $messageArr = ['success', 'warning', 'danger', 'info'];
                        ?>
                      @foreach($messageArr as $message)
                      @if(session()->has($message))   
                      <div class="col-md-12">
                        <div class="alert alert-{{$message}}">
                          {{ session()->get($message) }}   
                        </div>
                      </div>
                      @endif
                      @endforeach
                      <div class="form-group" style="margin-left: 20px; margin-bottom: 10px">
                        <span class="text-danger">Fields marked as (*) are Mandatory</span>
                      </div>
                       
                      <div class="col-md-6">
                        <div class="form-group">
                          {{ Form::label('c_id','Category *') }}
                          <div class="no-padding {{ ($errors->has('c_id')) ? ' has-error' : '' }}">
                            <select class="form-select" name="c_id" id="c_id">
                               <option value="">Select Category</option>
                               @foreach($categoryList as $cat)
                               <option value="{{$cat->id}}">{{ucwords($cat->c_name)}}</option>
                               @endforeach
                            </select>
                          </div>
                          @if($errors->has('c_id'))
                          <span class="help-block">{{ $errors->first('c_id') }}</span>
                          @endif
                        </div>
                         <div class="form-group">
                          {{ Form::label('sub_cat_id','Sub Category *') }}
                          <div class="no-padding {{ ($errors->has('sub_cat_id')) ? ' has-error' : '' }}">
                            <select class="form-select" name="sub_cat_id" id="sub_cat_id">
                            </select>
                          </div>
                          @if($errors->has('sub_cat_id'))
                          <span class="help-block">{{ $errors->first('sub_cat_id') }}</span>
                          @endif
                        </div>
                         <div class="form-group">
                          {{ Form::label('collection_id','Collection *') }}
                          <div class="no-padding {{ ($errors->has('collection_id')) ? ' has-error' : '' }}">
                            <select class="form-select" name="collection_id">
                               <option value="">Select Collection</option>
                               @foreach($collectionList as $coll)
                               <option value="{{$coll->id}}">{{ucwords($coll->c_name)}}</option>
                               @endforeach
                            </select>
                          </div>
                          @if($errors->has('collection_id'))
                          <span class="help-block">{{ $errors->first('collection_id') }}</span>
                          @endif
                        </div>
                        <div class="form-group">
                          {{ Form::label('title','Title *') }}
                            
                          <div class="no-padding{{ ($errors->has('title')) ? ' has-error' : '' }}">
                            {{ Form::text('title','',['class'=>'form-control','placeholder'=>'Enter title','autocomplete'=>'off'],old('title'))}}
                            @if($errors->has('title'))
                            <span class="help-block">{{ $errors->first('title') }}</span>
                            @endif
                          </div>
                        </div>
                        
                       
                      </div>
                     <div class="col-md-6">
                      <div class="form-group">
                        {{ Form::label('tags','Tags *') }}
                          
                        <div class="no-padding{{ ($errors->has('tags')) ? ' has-error' : '' }}">
                          {{ Form::text('tags','',['class'=>'form-control','placeholder'=>'Enter tags','autocomplete'=>'off','data-role'=>'tagsinput'],old('tags'))}}
                          @if($errors->has('tags'))
                          <span class="help-block">{{ $errors->first('tags') }}</span>
                          @endif
                        </div>
                      </div>
                       <div class="form-group">
                         {{ Form::label('image','Image') }} {{"Please select image with lessthan or equal 700 X 700 Dimension"}}
                         <div class="no-padding {{ ($errors->has('image')) ? ' has-error' : '' }}">
                            {{ Form::file('image', ['id'=>'catImage','class' => 'form-control', "accept"=>"image/gif,image/jpeg,image/jpg,image/png"],old('image'))}}
                            @if($errors->has('image'))
                            <span class="help-block">{{ $errors->first('image') }}</span>
                            @endif
                            <br>
                            <img src="{{ URL::to('/admin_theme/default-user.png') }}" id="imageTag" width="120px" />
                         </div>
                      </div>
                     </div>
                    </div>
                    <br/>
                    <div class="row">
                      <div class="col-md-12 text-right">
                        <a href="{{url('gallery')}}" class="btn btn-flat btn-danger"><i class="fa fa-times"></i> Cancel</a>
                        <button type="submit" class="btn btn-flat btn-success"><i class="fa fa-save"></i> Save</button>
                      </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div> <!-- end col -->
    </div> <!-- end row -->
     
  </div> <!-- container-fluid -->

</div>


@stop
@section('footer_script')
{{ Html::script('admin_theme/js/gallery.js') }}
<script type="text/javascript">
  $('#c_id').on('change',function(e) {
     var c_id = e.target.value;
     $.ajax({
           url:"{{ url('get_subcat_list') }}",
           type:"GET",
           data: {
           c_id: c_id
        },
        success:function (data) {
           $('#sub_cat_id').empty();
           $('#sub_cat_id').append('<option value="0">Select SubCategory</option>');
           $.each(data,function(index,subcategory){
           $('#sub_cat_id').append('<option value="'+index+'">'+subcategory+'</option>');
           })
        }
     })
  });
  </script>
@stop