@extends('Layouts.adminLayout')
@section('title')
        {{__('Page Management Index')}}
@endsection
@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('Admin/app-assets/vendors/css/extensions/dragula.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('Admin/app-assets/css-rtl/plugins/extensions/drag-and-drop.css') }}">
	    <link rel="stylesheet" type="text/css" href="{{ asset('Admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">
@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="#">{{$data['Page']->title}}</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 method="POST" action="{{route('Admin.advertisings.store')}}"  enctype="multipart/form-data" 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>
												
												<input type="hidden" name="page_id"  value="{{$data['page_id']}}" required  >
												 <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)
																		 @if($key!=0)
                                                                             <option value="{{$key}}" @if(old('type') == $key ) selected @endif >{{__($item)}}</option>
																		 @endif
                                                                         @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') }}" required tabindex="3">
														 @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" required tabindex="5">
                                                            <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"  tabindex="18" 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>
 <section id="nav-justified">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card overflow-hidden">
                                <div class="card-header">
                                    <h4 class="card-title">{{__('Manage Pages')}} {{$data['Page']->title}}</h4>
                                </div>
                                <div class="card-content">
                                    <div class="card-body">
                                         
                                        <ul class="nav nav-tabs nav-justified" id="myTab2" role="tablist">
										 @php $a=0; @endphp
                                        @foreach($data['Advertisings'] as $key => $Advertising)
                                            <li class="nav-item">
                                                <a class="nav-link @if($a == 0) active @endif" id="#tab_justified_{{$key}}" data-toggle="tab" href="#tab_justified_{{$key}}" role="tab" aria-controls="#tab-justified_{{$key}}" aria-selected="true">{{get_language_by_slug($key)}}</a>
                                            </li>
									     @php $a++; @endphp
                                        @endforeach
                                        </ul>

                                        <div class="tab-content pt-1" >
									@php $b=0; @endphp
                                      @foreach($data['Advertisings'] as $key => $Advertising)
                                            <div class="tab-pane @if($b == 0)  active @endif " id="tab_justified_{{$key}}" role="tabpanel" aria-labelledby="tab_justified_{{$key}}">
											
		                                  	 <section id="dd-with-handle">
                                                      <div class="row">
                                                          <div class="col-sm-12">
                                                              <div class="card">
                                                                  <div class="card-content">
                                                                      <div class="card-body">
                                                                          <ul class="list-group handle-{{$key}} handle-list-1" id="handle-list-1">
                                                                               @foreach($Advertising as $value)
													       @if($value->active==1)
                                                                        @php $active=__('On'); $color='success'; @endphp
                                                            @else
                                                                        @php $active=__('Off'); $color='danger'; @endphp
                                                            @endif
                                                                                  <li class="list-group-item" id="{{$value->id}}"><span  class="handle">+</span> {{$value->title}} 
																				                                                                  <div class="chip chip-{{$color}}">
                                                                      <div class="chip-body">
                                                                          <div
                                                                              class="chip-text">{{$active}}</div>
                                                                      </div>
                                                                  </div> <span  style="    float: inline-end;"><a href="{{route('Admin.advertisings.item',['id'=>$value->id,'type'=>$value->type])}}"  type="button"  class="btn btn-icon  rounded-circle btn-info mr-1 mb-1 waves-effect waves-light"><i class="feather icon-grid"></i></a>
																               <a href="{{route('Admin.advertisings.active',$value->id)}}"  type="button"  class="btn btn-icon  rounded-circle btn-light mr-1 mb-1 waves-effect waves-light"><i class="feather icon-check-square"></i></a><a  class="btn btn-icon rounded-circle btn-danger mr-1 mb-1 waves-effect waves-light"  onclick="deleteRecord('{{route('Admin.advertisings.destroy',$value->id)}}')"  type="button" ><i class="feather icon-trash"></i></a></span>
																			   
																			   </li>

                                                                              @endforeach
                                                                          </ul>
                                                                      </div>
                                                                  </div>
                                                                   <div  class="col-12 d-flex flex-sm-row flex-column justify-content-end mt-1">
                                                                      <button  onclick="advertisingSort('{{$key}}')"   tabindex="18" class="btn btn-primary glow mb-1 mb-sm-0 mr-0 mr-sm-1">{{__('Save')}}</button>
                                                                  </div>
                                                              </div>
                                                          </div>
		                                  
		                                  
                                                      </div>
                                                  </section>
                                            </div>
                                      @php $b++; @endphp
                                      @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </section>
				
@endsection
@section('script')
 <script src="{{ asset('Admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
    <script>
	
 

	 function advertisingSort(lang) {
 
		    $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            let items = [];
            var order = 0;
            var x = "";
            $(".handle-"+lang+" li").each(function (index, element) {
                order = index + 1;
                items[index] = new Array($(this).attr('id'), (order));
            });
			  
            $.ajax({
                  url: "{{route('Admin.advertisings.updateOrderAdvertise')}}",
                'type': 'POST',
                'data': {
                    'advertisings': items,
                    'lang': lang,
                },
 
                success: function (data) {
                    toastr.success('{!! __('The Operation Was Performed') !!}');

                }
            });
		  }
 

    </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>
    <script src="{{ asset('Admin/app-assets/vendors/js/extensions/dragula.min.js')}}"></script>
    <script src="{{ asset('Admin/app-assets/js/scripts/extensions/drag-drop.js')}}"></script>
@endsection