@extends('frontend.layouts.app')

@section('content')

<div class="post-ad-page-sec user-dashboard">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 col-md-12 mx-auto">
                <div class="post-ad-top-cat-sec post-sub-sec">
                    <h4 class="post-sub-title">Choose Ad Category</h4>
                    <ul class="nav nav-tabs post-ad-tab" id="myTab" role="tablist">
                        @if(isset($modules) && count($modules) > 0)

                            @foreach($modules as $key => $module)

                                @if(in_array( $module->id, [1,2,3,4,5,6,8,11,12]))
                                <li class="nav-item">
                                    @if( isset( $_GET['editAdPost'] ) )

                                    @php 
                                        $previewModule = json_decode( $preview->preview_data );
                                    @endphp
                                    <a class="nav-link {{$previewModule->module_id == $module->id ? 'active' : ''}}" id="{{$module->slug}}-tab" data-toggle="tab" href="#post-{{$module->slug}}" role="tab" aria-selected="true">
                                        <div class="image">
                                            <img src="{{asset('module-icons/'.$module->icon)}}" alt="{{$module->title}}">
                                        </div>
                                        {{$module->title}}
                                    </a>

                                    @else
                                    <a class="nav-link {{$key == 0 ? 'active' : ''}}" id="{{$module->slug}}-tab" data-toggle="tab" href="#post-{{$module->slug}}" role="tab" aria-selected="true">
                                        <div class="image">
                                            <img src="{{asset('module-icons/'.$module->icon)}}" alt="{{$module->title}}">
                                        </div>
                                        {{$module->title}}
                                    </a>
                                    @endif
                                </li>
                                @endif
                            @endforeach
                        @endif
                    </ul>
                </div>
                <div class="tab-content" id="myTabContent">
                    @if(isset($modules) && count($modules) > 0)

                        @foreach($modules as $key11 => $module1 )

                            @if(in_array( $module1->id, [1,2,3]))

                                @if( isset( $_GET['editAdPost'] ) )

                                    @php 
                                        $previewModule = json_decode( $preview->preview_data );
                                    @endphp

                                    <div class="tab-pane fade {{$previewModule->module_id == $module1->id ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.business',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @else

                                    <div class="tab-pane fade {{$key11 == 0 ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.business',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @endif

                            @endif

                            {{-- @if(in_array( $module1->id, [4]))

                                @if( isset( $_GET['editAdPost'] ) )

                                    @php 
                                        $previewModule = json_decode( $preview->preview_data );
                                    @endphp

                                    <div class="tab-pane fade {{$previewModule->module_id == $module1->id ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.classifieds',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @else

                                    <div class="tab-pane fade {{$key11 == 0 ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.classifieds',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @endif

                            @endif
                            --}}

                            @if(in_array( $module1->id, [5]))

                                @if( isset( $_GET['editAdPost'] ) )

                                    @php 
                                        $previewModule = json_decode( $preview->preview_data );
                                    @endphp

                                    <div class="tab-pane fade {{$previewModule->module_id == $module1->id ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.event',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @else

                                    <div class="tab-pane fade {{$key11 == 0 ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.event',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @endif

                            @endif


                            @if(in_array( $module1->id, [6]))

                                @if( isset( $_GET['editAdPost'] ) )

                                    @php 
                                        $previewModule = json_decode( $preview->preview_data );
                                    @endphp

                                    <div class="tab-pane fade {{$previewModule->module_id == $module1->id ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.fundrazier',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @else

                                    <div class="tab-pane fade {{$key11 == 0 ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.fundrazier',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @endif

                            @endif


                             @if(in_array( $module1->id, [11]))

                                @if( isset( $_GET['editAdPost'] ) )

                                    @php 
                                        $previewModule = json_decode( $preview->preview_data );
                                    @endphp

                                    <div class="tab-pane fade {{$previewModule->module_id == $module1->id ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.flyers',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @else

                                    <div class="tab-pane fade {{$key11 == 0 ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.flyers',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @endif

                            @endif

                            @if(in_array( $module1->id, [12]))

                                @if( isset( $_GET['editAdPost'] ) )

                                    @php $previewModule = json_decode( $preview->preview_data );
                                    @endphp

                                    <div class="tab-pane fade {{$previewModule->module_id == $module1->id ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.menu',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @else

                                    <div class="tab-pane fade {{$key11 == 0 ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.menu',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @endif

                            @endif


                            @if(in_array( $module1->id, [8]))

                                @if( isset( $_GET['editAdPost'] ) )

                                    @php  $previewModule = json_decode( $preview->preview_data ); @endphp

                                    <div class="tab-pane fade {{$previewModule->module_id == $module1->id ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.help-wanted',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @else

                                    <div class="tab-pane fade {{$key11 == 0 ? 'active show' : ''}}" id="post-{{$module1->slug}}" role="tabpanel" aria-labelledby="{{$module1->slug}}-tab">
                                       @include('frontend.ads-form.help-wanted',[
                                        'module' => $module1
                                       ])
                                    </div>

                                @endif

                            @endif

                        @endforeach

                    @endif                    
                   
                </div>
            </div>
        </div>
    </div>
</div>


<div id="loading-div-background">
  <div id="loading-div" class="ui-corner-all">
    Please wait...
  </div>
</div>
@endsection


@section('head-css')

<link href="{{ asset('frontend/css/select2.min.css') }}" rel="stylesheet" />

<link href="{{ asset('frontend/css/image-uploader.css') }}" rel="stylesheet" />

<link href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css" rel="stylesheet" />

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">

<link href="{{ asset('backend/jasny-bootstrap/css/jasny-bootstrap.css')}}" rel="stylesheet" />

<style type="text/css">
    .select2-container
    {
        width: 100% !important;
    }      
</style>

@endsection