@extends('admin/admin')
	
	@section('content')
	<!-- Breadcrumb-->
	<ol class="breadcrumb">
	@if(Auth::user()->role == 1)
	  <li class="breadcrumb-item">{{ __('Super Admin') }}</li>
	@else
	<li class="breadcrumb-item">{{ __('Admin') }}</li>	
	@endif		
 <li class="breadcrumb-item">
		<a href="{{route('list_category')}}">{{ __('Campaign') }}</a>
	  </li>
	  <li class="breadcrumb-item active">{{{ isset($category_details->id) ? 'Update Campaign' : 'Create Campaign' }}}</li>
	  <!-- Breadcrumb Menu-->
	  <li class="breadcrumb-menu d-md-down-none">
		
	  </li>
	</ol>
	
    <!-- Page Content -->
    <div class="container-fluid">
        <div class="row justify-content-center">
			<div class="col-sm-10">
            <div class="card">
                  <div class="card-header">
                    <strong>{{{ isset($category_details->id) ? 'Update' : 'Create' }}}</strong> Campaign
										
					<div class="card-header-actions">
						<a class="btn btn-sm btn-primary" href="{{url('admin/user/category/list')}}" role="button"><i class="fa fa-dot-circle-o"></i> {{ __('Campaign List') }}</a>
					</div>
					
                  </div>
                  
                    @if (session()->has('success'))
						<div class="alert alert-success">
							<h6><center>{{ session('success') }}</center></h6> 
						</div>
                    @endif
                  
					 @if ($errors->any())
					  <div class="alert alert-danger">
						<ul>
							@foreach ($errors->all() as $error)
							  <li>{{ $error }}</li>
							@endforeach
						</ul>
					  </div><br />
					@endif

                  <div class="card-body">
                   <form class="form-horizontal" action="{{{ isset($category_details->id) ? route('update_category') : route('save_category') }}}" method="post" id="create_category" enctype="multipart/form-data">
                      @csrf
					  <input type="hidden" name="id" value="{{{ isset($category_details->id) ? $category_details->id : '' }}}"/>
					  
					  <div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-name">{{ __('Name') }}</label>
                        <div class="col-md-9">
                          <input class="form-control @error('name') is-invalid @enderror" id="name" type="text" value="{{{ isset($category_details->category_name) ? $category_details->category_name : old('name') }}}" name="name" placeholder="Enter Name.." autocomplete="off">
                         
                        </div>
                      </div>
                      
						@if(isset($user_role) && ($user_role==1))
							<div class="form-group row">
								<label class="col-md-3 col-form-label" for="hf-name">{{ __('Campaign Type') }}</label>
								<div class="col-md-9">
									<input type="radio" name="campaign_type" class="campaign_type" id="globaltype" value="Global" {{{ isset($category_details->campaign_type) ? $category_details->campaign_type == "Global" ? 'checked="checked"' : '' : 'checked="checked"' }}} >&nbsp;Global
									<input type="radio" name="campaign_type" class="campaign_type" id="manualtype" value="Manual" {{{ isset($category_details->campaign_type) ? $category_details->campaign_type == "Manual" ? 'checked="checked"' : '' : '' }}}>&nbsp;Local
								</div>
							</div>

							<div class="form-group row" id="dealerList" {{{ (isset($category_details->campaign_type) && ($category_details->campaign_type == "Manual")) ? '' : 'style=display:none' }}}>
								<label class="col-md-3 col-form-label" for="hf-name">{{ __('Company List') }}</label>
								<div class="col-md-9">
									<select name="dealer_list[]" id="dealer_list" multiple="multiple" class="form-control">
										@foreach ($dealers as $dealer)
											@if(isset($dealer_list))
												<option value="{{$dealer->id}}" {{{ in_array($dealer->id,$dealer_list) ? 'selected' : '' }}}>{{$dealer->name}}</option>
											@else
												<option value="{{$dealer->id}}">{{$dealer->name}}</option>
											@endif
										@endforeach
									</select>
								</div>
							</div>
						@endif
					
						@if(isset($category_details->id))
					  
						<div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-status">{{ __('Status') }}:</label>
                        <div class="col-md-9">
                          <select class="form-control" id="hf-role" name="status">
                            <option value="1" {{{ isset($category_details->status) ? $category_details->status == 1 ? 'selected' : '' : '' }}}>{{ __('Active') }}</option>
							<option value="0" {{{ isset($category_details->status) ? $category_details->status == 0 ? 'selected' : '' : '' }}}>{{ __('Inactive') }}</option>	
                          </select>
                          
                        </div>
                      </div> 
						@else					  
						<div class="form-group row">
                        <label class="col-md-3 col-form-label" for="hf-status">{{ __('Status') }}:</label>
                        <div class="col-md-9">
                          <select class="form-control" id="hf-role" name="status">
                            <option value="1" >{{ __('Active') }}</option>
							<option value="0" >{{ __('Inactive') }}</option>	
                          </select>
                          
                        </div>
                      </div> 
					  @endif 
					  
                    </form>
                  </div>
                  <div class="card-footer">
                    <button class="btn btn-sm btn-primary" id="btnSubmit" form="create_category" type="submit">
                    	<i class="fa fa-dot-circle-o"></i> {{ __('Submit') }}
                    </button>
                  </div>
                </div>
              </div>
		</div>
    </div>
	@endsection
	@section('footer-scripts')
	@parent
	<script>
	jQuery(document).ready(function() {
		jQuery.validator.addMethod("lettersonly", function(value, element){
			return this.optional(element) || /^[a-z\s]+$/i.test(value);
		}, "Only alphabetical characters");

		jQuery.validator.addMethod("checkdealer", function(value, element) {
			alert("Called!");
			var ctype = jQuery('.campaign_type').val();
			alert(ctype)
			if(ctype == 'Manual') {
				var mctype = jQuery('#manualtype').val();
				alert(mctype);
				if(mctype == true) {
					return false;
				} else {
					return true;
				}
			} else {
				return false;
			}
		}, "Please select dealer");

		jQuery("#create_category").validate({
			rules: {
				name: {
					required: true,
					//lettersonly: true,
					minlength:2,
					maxlength: 150,
				},
				dealer_list:{
					required: true,
					checkdealer:true,
				}
			},
		});
		jQuery('#manualtype').click(function(){
			jQuery('#dealerList').show();
		});
		jQuery('#globaltype').click(function(){
			jQuery('#dealerList').hide();
			// jQuery("#dealer_list").val(false);
		});
	});
</script>
@endsection