@extends('layouts.app')

@section('content')

<div class="page-content row">
    <!-- Page header -->
    <div class="page-header">
        <div class="page-title">
            <h3> Course Subcategory <small>Course Subcategory</small></h3>
        </div>
        <ul class="breadcrumb">
            <li><a href="{{ URL::to('dashboard') }}"> {{ Lang::get('core.dashboard') }} </a></li>
            <li><a href="{{ URL::to('sitesubcategory?return='.$return) }}">Course Subcategory</a></li>
            <li class="active">{{ Lang::get('core.addedit') }} </li>
        </ul>
    </div>

    <div class="page-content-wrapper">

        <ul class="parsley-error-list">
            @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
        <div class="sbox animated fadeInRight">
            <div class="sbox-title"> <h4> <i class="fa fa-table"></i> Course Subcategory <small>Course Subcategory</small></h4></div>
            <div class="sbox-content"> 
            <input type="hidden" name="sub_cat_id" id="sub_cat_id" value="{!! $row['sub_cat_id'] !!}" />

                	

                {!! Form::open(array('url'=>$pgurl, 'class'=>'form-horizontal add-sub-category','files' => true , 'parsley-validate'=>'','novalidate'=>' ')) !!}
                <div class="col-md-12">
                    <fieldset>
                        <div class="form-group  " >
                            <label for="Cat Id" class=" control-label col-md-4 text-left"> Category<span class="asterisk"> * </span> </label>
                            <div class="col-md-6">
                                {!! Form::select('cat_id',$category,$row['cat_id'],array('class'=>'select2','id'=>'cat_id','placeholder'=>Lang::get('core.please_select'),'required'=>'true')) !!}
                            </div> 
                            <div class="col-md-2">

                            </div>
                        </div> 					
                        <div class="form-group  " >
                            <label for="Sub Name" class=" control-label col-md-4 text-left"> Subcategory Name <span class="asterisk"> * </span></label>
                            <div class="col-md-6">
                                {!! Form::text('sub_name', $row['sub_name'],array('class'=>'form-control sub-cat-name', 'placeholder'=>'Enter Subcategory Name', 'required'=>'true'  )) !!} 
                            </div> 
                            <span class="cat-alert" style="display:none;"></span>
                            <div class="col-md-2">

                            </div>
                        </div> 					

                        <div class="form-group  " >
                            <label for="Status" class=" control-label col-md-4 text-left"> Status </label>
                            <div class="col-md-6">


                                <input type="checkbox" name="status" id="status" value="enable" {{$status}}> {{ Lang::get('core.Enable') }}



                                <!-- {!! Form::text('status', $row['status'],array('class'=>'form-control', 'placeholder'=>'',   )) !!}  -->
                            </div> 
                            <div class="col-md-2">

                            </div>
                        </div> 	


                    </fieldset>
                </div>


                <div style="clear:both"></div>	


                <div class="form-group">
                    <label class="col-sm-4 text-right">&nbsp;</label>
                    <div class="col-sm-8">	
                        <button type="submit" name="apply" class="btn btn-info btn-sm" ><i class="fa  fa-check-circle"></i> {{ Lang::get('core.sb_apply') }}</button>
                        <button type="submit" name="submit" class="btn btn-primary btn-sm" ><i class="fa  fa-save "></i> {{ Lang::get('core.sb_save') }}</button>
                        <button type="button" onclick="location.href ='{{ URL::to('sitesubcategory?return='.$return) }}' " class="btn btn-success btn-sm "><i class="fa  fa-arrow-circle-left "></i>  {{ Lang::get('core.sb_cancel') }} </button>
                    </div>	  

                </div> 

                {!! Form::close() !!}
            </div>
        </div>		 
    </div>	
</div>			 
<script type="text/javascript">
    $(document).ready(function () {

        var name ='';
        var status = 0;
         $('.sub-cat-name').mouseenter(function(){
            name = $('.sub-cat-name').val();
         }).mouseleave(function(){
            // checkcategoryName();
         });

         $('.sub-cat-name').change(function(){
            console.log($('#cat_id').val());
            // checkcategoryName()
         });

         function checkcategoryName(){
            name = $('.sub-cat-name').val();
            cat_id = $('#cat_id').val();
            sub_cat_id = $('#sub_cat_id').val();

            if(name){
                $.ajaxSetup({
                    headers: { 'X-CSRF-TOKEN': $('input[name="_token"]').val() }
                });
                $.ajax({
                    type: 'GET',
                    data:{name:name,cateogry_id:cat_id,sub_cat_id:sub_cat_id},
                    dataType: "json",
                    url: "{!! url('sitesubcategory/checksubcategory')!!}",
                    success:function(res){
                        alertMessage(res,cat_id,sub_cat_id);
                        $('.cat-alert').show();
                    },
                    fail:function(){
                    alert("error");
                    }
                });
            }
         }

         function alertMessage(res,cat_id,sub_cat_id){
             if(sub_cat_id){
                if(res.data == 1){
                    $('.cat-alert').css('color','green');
                     status = 0;
                }else{
                    $('.cat-alert').css('color','red');
                     status = 1;
                    
                }
             }else{
                if(res.data == 0){
                    $('.cat-alert').css('color','green');
                     status = 1;
                }else{
                    $('.cat-alert').css('color','red');
                     status = 0;
                    
                }
         }
            
            $('.cat-alert').text(res.msg);
         }

         $( ".add-sub-category" ).submit(function( event ) {
            checkcategoryName();
            if(status == 1){
                event.preventDefault();
            }
        });
    });
</script>		 
@stop