@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') }}">
@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="#">{{__('Page Management Index')}}</a></li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
@endsection
@section('content')
 <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">{{__('Page Management Index')}}</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)
                                                                                  <li class="list-group-item" id="{{$value->id}}"><span  class="handle">+</span> {{$value->title}}</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>
	
 

	 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));
            });
            var url = 'advertisings/updateOrderAdvertise';
            $.ajax({
                'url': url,
                'type': 'POST',
                'data': {
                    'advertisings': items,
                    'lang': lang,
                },
 
                success: function (data) {
                    toastr.success('{!! __('The Operation Was Performed') !!}');

                }
            });
		  }
 

    </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