@extends('Layouts.adminLayout')
@section('title')
   {{__('Insert Advertising')}}
@endsection
@section('breadcrumb')
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="#">{{__('Panel')}}</a></li>
                                    <li class="breadcrumb-item"><a href="#">{{__('Advertising')}}</a> </li>
                                    <li class="breadcrumb-item active"><a href="#">{{__('Insert Advertising')}}</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@section('content')
<section class="input-validation">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">{{__('Insert Advertising')}}</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body"> 
									 <form   action="{{route('Admin.advertisings.store')}}"
                                              method="POST"   enctype="multipart/form-data" class="needs-validation form-horizontal"  novalidate>
                           
                                            @CSRF 
                                            <div class="form-body">  
                                                <div class="row">
												 <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Language')}}</label>
                                                        <div class="controls">
                                                            <div class="form-group">
                                                             <select class="select2 form-control {{ $errors->has('lang') ? ' is-invalid' : '' }}" id="lang"  name="lang"    required tabindex="1" data-live-search="true" >
                                                                 <option value="">{{__('Select')}}</option>
                                                                 @foreach($data['Languages'] as $value)
                                                                  <option value="{{$value->slug}}" @if(old('lang') == $value->slug) selected @endif>{{$value->title}}</option>
                                                                  @endforeach
                                                                </select>
																 @if ($errors->has('lang'))
                                                                    <div class="invalid-feedback"> {{ $errors->first('lang') }}</div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
												
												 <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('Title')}}</label>
                                                        <div class="controls">
                                                            <input type="text" name="title" class="form-control {{ $errors->has('title') ? ' is-invalid' : '' }}" placeholder="{{__('Title')}}"  value="{{ old('title') }}" required tabindex="2">
														 @if ($errors->has('title'))
                                                            <div class="invalid-feedback"> {{ $errors->first('title') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                </div>
												 <div class="col-md-6">
                                                    <div class="form-group">
                                                        <label>{{__('More Button Text')}}</label>
                                                        <div class="controls">
                                                 <input type="text" name="more_button_text" class="form-control {{ $errors->has('more_button_text') ? ' is-invalid' : '' }}" placeholder="{{__('More Button Text')}}"  value="{{ old('more_button_text') }}"  required  tabindex="3">
														 @if ($errors->has('more_button_text'))
                                                            <div class="invalid-feedback"> {{ $errors->first('more_button_text') }}</div>
                                                       @endif
                                                        </div>
                                                    </div>
                                                </div>
 

 
                                                    <div class="col-md-6 col-12">
                                                        <div class="form-group">
                                                            <label>{{__('Type')}}</label>
                                                            <div class="controls">
                                                                <div class="form-group">
                                                                    <select class="select2 form-control {{ $errors->has('type') ? ' is-invalid' : '' }}" onchange="changeType(this.value)" name="type"  id="typeAd">
													                     @foreach(Config::get('advertisingType') as $key=>$item)
                                                                             <option value="{{$key}}" @if(old('type') == $key ) selected @endif >{{__($item)}}</option>
                                                                         @endforeach
 
                                                                    </select>
														                 @if ($errors->has('type'))
                                                                          <div class="invalid-feedback"> {{ $errors->first('type') }}</div>
                                                                        @endif
														 
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

													  <div class="col-md-12 dnone link" id="link" >
                                                    <div class="form-group">
                                                        <label>{{__('Link')}}</label>
                                                        <div class="controls">
                                                            <input type="link" name="link" class="form-control {{ $errors->has('link') ? ' is-invalid' : '' }}" placeholder="{{__('Link')}}"  value="{{ old('link') }}"    >
														 @if ($errors->has('link'))
                                                            <div class="invalid-feedback"> {{ $errors->first('link') }}</div>
                                                         @endif
                                                        </div>
                                                    </div>
                                                </div>
												
                                                    <div class="form-group col-12 col-md-3" style="margin-top: 10px;">
                                                        <fieldset class="checkbox">
                                                            <div class="vs-checkbox-con vs-checkbox-primary">
                                                                <input type="checkbox" name="active" value="1">
                                                                <span class="vs-checkbox">
                                                                    <span class="vs-checkbox--check">
                                                                        <i class="vs-icon feather icon-check"></i>
                                                                    </span>
                                                                </span>
                                                                <span class="">{{__('Active')}}</span>
                                                            </div>
                                                        </fieldset>
                                                    </div>

													
													  <div class="col-12 col-md-3 dnone color" id="color">
                                                        <div class="form-group">
                                                            <label>{{__('Color')}}</label>
                                                            <div class="controls">
                                                                <input type="color" name="color"/>
                                                            </div>

                                                        </div>
                                                    </div>
												  <div class="col-lg-6 col-md-6 dnone image" id="image">
                                                    <fieldset class="form-group">
                                                        <label
                                                            for="basicInputFile">{{__('Image')}}</label>
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input {{ $errors->has('image') ? ' is-invalid' : '' }}"
                                                                   id="inputGroupFile01" name="image"    >
                                                            <label class="custom-file-label"
                                                                   for="inputGroupFile01">{{__('Image')}}</label>
																   
														     @if ($errors->has('image'))
                                                                 <div class="invalid-feedback"> {{ $errors->first('image') }}</div>
                                                             @endif
                                                        </div>
                                                    </fieldset>
                                                </div>
 
                                                </div>

                                                 <div  class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                                                    <button type="submit"   class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">{{__('Save')}}</button>
                                                </div>
                                            </div>
                                    
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
            </section>
 
@endsection
 @section('script')
 <script>
function changeType() {
 
    var valType = $('#typeAd').val();
    if (valType == 19) {
         $('.link').removeClass("dnone");
		 $('.color').addClass("dnone");
		 $('.image').addClass("dnone");
    }
   else if ( valType == 20) {
         $('.color').removeClass("dnone");
         $('.image').addClass("dnone");
		 $('.link').addClass("dnone");
    } 	
  else if (valType == 12 || valType == 13 || valType == 14 || valType == 15 || valType == 16 ) {
         $('.color').removeClass("dnone");
		 $('.link').addClass("dnone");
		 $('.image').removeClass("dnone");
    } 	
    else {
         $('.link').addClass("dnone");
		 $('.color').addClass("dnone");
		 $('.image').addClass("dnone");
    }
}
 </script>
 @endsection