@extends('advertiser.layout.app')

@section('advertiser_title', trans('dashboard.page_title'))

@section('advertiser_content')
@section('back_button')
<div class="right_wrapper">
    <div class="right_bar">
        <div class="statusBtn statusBtn_mob">
            <a href="#" class="dash_statusBtn"></a>
            <ul class="sub_menu status_change " style="display: none;">
                <li class="status_list">
                    <a href="#" data-value="all" data-class="tab-view-1" class="tab-list active">All</a>
                </li>
                <li class="status_list">
                    <a href="#" data-value="current" data-class="tab-view-2" class="tab-list">Current</a>
                </li>
                <li class="status_list">
                    <a href="#" data-value="future" data-class="tab-view-3" class="tab-list">Future</a>
                </li>
                <li class="status_list">
                    <a href="#" data-value="past" data-class="tab-view-4" class="tab-list">Past</a>
                </li>
            </ul>
        </div>
        <div class="right_back">
            <a href="{{ route('advertiser.home', app()->getLocale()) }}" class="backBtn">{{ trans('landing.commen.backbtn') }}</a>
        </div>
        <div class="filterBtn">
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter"></button>
        </div>
    </div>
</div>
@stop
@php($slot_duration = 15)
<!-- //CONTENT START// -->
<!-- //CONTAINER START// -->
<div class="container">
    <div class="cloud_content">
        <div class="dash_out_wrap">
            <div class="cldMid_contBox">
                <div class="dashboard_wrap">
                    <!-- //MOBILE_VIEW START// -->

                    <div id="horizontalTab" class="dash_mob_view">
                        {{-- <ul class="resp-tabs-list">
                            <li class="tab-view-1 tab-view resp-tab-active">All</li>
                            <li class="tab-view-2 tab-view ">Current</li>
                            <li class="tab-view-3 tab-view">Future</li>
                            <li class="tab-view-4 tab-view">Past</li>
                        </ul> --}}
                        <div class="resp-tabs-container" id="tab_inner">
                            <div class="resp-tabs01 tab-view resp-tab-content-active">
                                <div class="dash_campaign_wrap">
                                    <div class="dash_campaign_body dash_camp_rwdBody">
                                        @php($i = 0)
                                        @if(!$contents->isEmpty())
                                        @foreach($contents as $content)
                                        @php($screen_ids = $content->getContentScreens->pluck('screen_id')->toArray())
                                        @php($viewers = DB::table('screens')->whereIn('id', $screen_ids)->sum('viewer'))
                                        @php($media_ids = $content->contentMedias->pluck('media_id')->toArray())
                                        @php($medias = \App\Models\Media::withTrashed()->whereIn('id', $media_ids)->pluck('path')->toArray())
                                        @if($content->start_date > date('Y-m-d')) 
                                            @php($status = 'Future')
                                        @elseif($content->end_date < date('Y-m-d'))
                                            @php($status = 'Past')
                                        @elseif($content->start_date >= date('Y-m-d') || $content->start_date <= date('Y-m-d'))
                                            @php($status = 'Current')
                                        @endif

                                        @php($total_slot = 0)
                                        @php($slot_count = 0)
                                        @foreach ($medias as $key => $media)
                                            @php($info = new \SplFileInfo($media))
                                            @php($ext = $info->getExtension())
                                            @php($video_ext = Config('global.video_extensions'))
                                            @php($image_ext = Config('global.image_extensions'))
                                            @if(in_array($ext,$video_ext))
                                                @php($getID3 = new \getID3)
                                                @php($file = $getID3->analyze(public_path('uploads/items/video/'.$media)))
                                                @php($duration = seconds_from_time(date('H:i:s', $file['playtime_seconds'])))
                                                @php($duration_actual = (date('H:i:s', $file['playtime_seconds'])))
                                                @php($_slot_count = $duration/15)
                                                @php($slot_count += ceil($_slot_count))
                                            @elseif(in_array($ext,$image_ext))
                                                @php($slot_count += 1)
                                            @endif   
                                        @endforeach
                                        @php($total_slot += $slot_count)
                                        {{-- @if($status == 'Current') --}}
                                        <div class="dash_faq-select-box dash-faq-ques-box">
                                            <div id="select_screen_head" class="dash-faq-hd dash-faq-hd-click">

                                                <div class="custom-control custom-checkbox mb-3">
                                                    <input type="checkbox" class="custom-control-input check_content res_checkbox" id="content-{{ $content->id }}" name="example1" data-id="{{ $content->id }}">
                                                    <label class="custom-control-label" for="content-{{ $content->id }}"></label>
                                                </div>

                                                {{-- <div class="custom-control custom-checkbox mb-3">
                                                    <input type="checkbox" class="custom-control-input" id="customCheck" name="example1">
                                                    <label class="custom-control-label" for="customCheck"></label>
                                                </div> --}}
                                                {{-- <div class="squaredThree">
                                                    <input type="checkbox" style="height: auto !important;" id="content-{{ $content->id }}" class="check_content res_checkbox" data-id="{{ $content->id }}">

                                                    <span></span>
                                                </div> --}}
                                                <h3>{{ !empty($content->title) ? $content->title : date('M - d - Y') }}<span class="plus-minus" title="Drop Down"></span></h3>
                                            </div>                    
                                            <div class="dash-faq-ans" style="display: none;">
                                                <div class="table-responsive selectBox_tbl">
                                                    <table class="table select_tbl">
                                                        <thead></thead>
                                                        <tbody id="table_body">
                                                            <tr class="dashrwd_st_tr rwdDash_Location dashrwd_locationHead">
                                                                <th class="locationHead_rwd loca_rwd_sub_head collapse-data">Locations</th>
                                                                <td>{{ !empty($content->getContentScreens) ? count($content->getContentScreens) : 0 }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">Start date</th>
                                                                <td>{{ date('M d - Y', strtotime($content->start_date)) }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">End date</th>
                                                                <td>{{ date('M d - Y', strtotime($content->end_date)) }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">Cost (SAR)</th>
                                                                <td>{{ number_format($content->price, 0) }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr rwdDash_Location dashrwd_locationHead">
                                                                <th class="locationHead_rwd cont_rwd_sub_head collapse-data">Content</th>
                                                                <td>{{ !empty($content->contentMedias) ? count($content->contentMedias) : 0 }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">Slot</th>
                                                                <td>{{ $total_slot }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">Viewership</th>
                                                                <td>{{ !empty($viewers) ? thousandsCurrencyFormat($viewers) : 0 }}</td>
                                                            </tr>
                                                        </tbody>                                                
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        @php($i++)
                                        {{-- @endif --}}
                                        @endforeach
                                        @else
                                        <div class="table-responsive selectBox_tbl">
                                            <table class="table select_tbl">
                                                <thead></thead>
                                                <tbody id="table_body">
                                                <h2 class="text-center">No data available</h2>
                                                </tbody>
                                            </table>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="resp-tabs02 tab-view">
                                <div class="dash_campaign_wrap">
                                    <div class="dash_campaign_body dash_camp_rwdBody">
                                        @php($i = 0)
                                        @foreach($contents as $content)
                                        @php($screen_ids = $content->getContentScreens->pluck('screen_id')->toArray())
                                        @php($viewers = DB::table('screens')->whereIn('id', $screen_ids)->sum('viewer'))
                                        @php($media_ids = $content->contentMedias->pluck('media_id')->toArray())
                                        @php($medias =\App\Models\Media::withTrashed()->whereIn('id', $media_ids)->pluck('path')->toArray())
                                        @if($content->start_date > date('Y-m-d')) 
                                            @php($status = 'Future')
                                        @elseif($content->end_date < date('Y-m-d'))
                                            @php($status = 'Past')
                                        @elseif($content->start_date >= date('Y-m-d') || $content->start_date <= date('Y-m-d'))
                                            @php($status = 'Current')
                                        @endif

                                            @php($total_slot = 0)
                                            @php($slot_count = 0)
                                            @foreach ($medias as $key => $media)
                                                @php($info = new \SplFileInfo($media))
                                                @php($ext = $info->getExtension())
                                                @php($video_ext = Config('global.video_extensions'))
                                                @php($image_ext = Config('global.image_extensions'))
                                                @if(in_array($ext,$video_ext))
                                                    @php($getID3 = new \getID3)
                                                    @php($file = $getID3->analyze(public_path('uploads/items/video/'.$media)))
                                                    @php($duration = seconds_from_time(date('H:i:s', $file['playtime_seconds'])))
                                                    @php($duration_actual = (date('H:i:s', $file['playtime_seconds'])))
                                                    @php($_slot_count = $duration/15)
                                                    @php($slot_count += ceil($_slot_count))
                                                @elseif(in_array($ext,$image_ext))
                                                    @php($slot_count += 1)
                                                @endif   
                                            @endforeach
                                            @php($total_slot += $slot_count)
                                            @if($status == 'Current')
                                            <div class="dash_faq-select-box dash-faq-ques-box">
                                                <div id="select_screen_head" class="dash-faq-hd dash-faq-hd-click">
                                                    <div class="custom-control custom-checkbox mb-3">
                                                        <input type="checkbox" class="custom-control-input check_content res_checkbox" id="content-{{ $content->id }}" name="example1" data-id="{{ $content->id }}">
                                                        <label class="custom-control-label" for="content-{{ $content->id }}"></label>
                                                    </div>
                                                    {{-- <div class="squaredThree">
                                                        <div class="custom-control custom-checkbox mb-3">
                                                            <input type="checkbox" class="custom-control-input" id="customCheck" name="example1">
                                                            <label class="custom-control-label" for="customCheck"></label>
                                                        </div>
                                                        <input type="checkbox" style="height: auto !important;" id="content-{{ $content->id }}" class="check_content res_checkbox" data-id="{{ $content->id }}">

                                                        <span></span>
                                                    </div> --}}
                                                    <h3>{{ !empty($content->title) ? $content->title : date('M - d - Y') }}<span class="plus-minus" title="Drop Down"></span></h3>
                                                </div>                    
                                                <div class="dash-faq-ans" style="display: none;">
                                                    <div class="table-responsive selectBox_tbl">
                                                        <table class="table select_tbl">
                                                            <thead></thead>
                                                            <tbody id="table_body">
                                                                <tr class="dashrwd_st_tr rwdDash_Location dashrwd_locationHead">
                                                                    <th class="locationHead_rwd loca_rwd_sub_head collapse-data">Locations</th>
                                                                    <td>{{ !empty($content->getContentScreens) ? count($content->getContentScreens) : 0 }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">Start date</th>
                                                                    <td>{{ date('M d - Y', strtotime($content->start_date)) }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">End date</th>
                                                                    <td>{{ date('M d - Y', strtotime($content->end_date)) }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">Cost (SAR)</th>
                                                                    <td>{{ number_format($content->price, 0) }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr rwdDash_Location dashrwd_locationHead">
                                                                    <th class="locationHead_rwd cont_rwd_sub_head collapse-data">Content</th>
                                                                    <td>{{ !empty($content->contentMedias) ? count($content->contentMedias) : 0 }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">Slot</th>
                                                                    <td>{{ $total_slot }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">Viewership</th>
                                                                    <td>{{ !empty($viewers) ? thousandsCurrencyFormat($viewers) : 0 }}</td>
                                                                </tr>
                                                            </tbody>                                                
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                            @php($i++)
                                            @endif
                                            @endforeach
                                    </div>
                                </div>
                            </div>
                            <div class="resp-tabs03 tab-view">
                                <div class="dash_campaign_wrap">
                                    <div class="dash_campaign_body dash_camp_rwdBody">
                                        @php($i = 0)
                                        @foreach($contents as $content)
                                        @php($screen_ids = $content->getContentScreens->pluck('screen_id')->toArray())
                                        @php($viewers = DB::table('screens')->whereIn('id', $screen_ids)->sum('viewer'))
                                        @php($media_ids = $content->contentMedias->pluck('media_id')->toArray())
                                        @php($medias = \App\Models\Media::withTrashed()->whereIn('id', $media_ids)->pluck('path')->toArray())
                                        @if($content->start_date > date('Y-m-d')) 
                                            @php($status = 'Future')
                                        @elseif($content->end_date < date('Y-m-d'))
                                            @php($status = 'Past')
                                        @elseif($content->start_date >= date('Y-m-d') || $content->start_date <= date('Y-m-d'))
                                            @php($status = 'Current')
                                        @endif

                                        @php($total_slot = 0)
                                        @php($slot_count = 0)
                                        @foreach ($medias as $key => $media)
                                            @php($info = new \SplFileInfo($media))
                                            @php($ext = $info->getExtension())
                                            @php($video_ext = Config('global.video_extensions'))
                                            @php($image_ext = Config('global.image_extensions'))
                                            @if(in_array($ext,$video_ext))
                                                @php($getID3 = new \getID3)
                                                @php($file = $getID3->analyze(public_path('uploads/items/video/'.$media)))
                                                @php($duration = seconds_from_time(date('H:i:s', $file['playtime_seconds'])))
                                                @php($duration_actual = (date('H:i:s', $file['playtime_seconds'])))
                                                @php($_slot_count = $duration/15)
                                                @php($slot_count += ceil($_slot_count))
                                            @elseif(in_array($ext,$image_ext))
                                                @php($slot_count += 1)
                                            @endif   
                                        @endforeach
                                        @php($total_slot += $slot_count)
                                        @if($status == 'Future')
                                        <div class="dash_faq-select-box dash-faq-ques-box">
                                            <div id="select_screen_head" class="dash-faq-hd dash-faq-hd-click">
                                                <div class="custom-control custom-checkbox mb-3">
                                                    <input type="checkbox" class="custom-control-input check_content res_checkbox" id="content-{{ $content->id }}" name="example1" data-id="{{ $content->id }}">
                                                    <label class="custom-control-label" for="content-{{ $content->id }}"></label>
                                                </div>
                                                {{-- <div class="squaredThree">
                                                    <input type="checkbox" style="height: auto !important;" id="content-{{ $content->id }}" class="check_content res_checkbox" data-id="{{ $content->id }}">

                                                    <span></span>
                                                </div> --}}
                                                <h3>{{ !empty($content->title) ? $content->title : date('M - d - Y') }}<span class="plus-minus" title="Drop Down"></span></h3>
                                            </div>                    
                                            <div class="dash-faq-ans" style="display: none;">
                                                <div class="table-responsive selectBox_tbl">
                                                    <table class="table select_tbl">
                                                        <thead></thead>
                                                        <tbody id="table_body">
                                                            <tr class="dashrwd_st_tr rwdDash_Location dashrwd_locationHead">
                                                                <th class="locationHead_rwd loca_rwd_sub_head collapse-data">Locations</th>
                                                                <td>{{ !empty($content->getContentScreens) ? count($content->getContentScreens) : 0 }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">Start date</th>
                                                                <td>{{ date('M d - Y', strtotime($content->start_date)) }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">End date</th>
                                                                <td>{{ date('M d - Y', strtotime($content->end_date)) }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">Cost (SAR)</th>
                                                                <td>{{ number_format($content->price, 0) }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr rwdDash_Location dashrwd_locationHead">
                                                                <th class="locationHead_rwd cont_rwd_sub_head collapse-data">Content</th>
                                                                <td>{{ !empty($content->contentMedias) ? count($content->contentMedias) : 0 }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">Slot</th>
                                                                <td>{{ $total_slot }}</td>
                                                            </tr>
                                                            <tr class="dashrwd_st_tr">
                                                                <th scope="row">Viewership</th>
                                                                <td>{{ !empty($viewers) ? thousandsCurrencyFormat($viewers) : 0 }}</td>
                                                            </tr>
                                                        </tbody>                                                
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        @php($i++)
                                        @endif
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                            
                            <div class="resp-tabs04 tab-view">
                                <div class="dash_campaign_wrap">
                                    <div class="dash_campaign_body dash_camp_rwdBody">
                                        @php($i = 0)
                                        @foreach($contents as $content)
                                        @php($screen_ids = $content->getContentScreens->pluck('screen_id')->toArray())
                                        @php($viewers = DB::table('screens')->whereIn('id', $screen_ids)->sum('viewer'))
                                        @php($media_ids = $content->contentMedias->pluck('media_id')->toArray())
                                        @php($medias = \App\Models\Media::withTrashed()->whereIn('id', $media_ids)->pluck('path')->toArray())
                                        @if($content->start_date > date('Y-m-d')) 
                                            @php($status = 'Future')
                                        @elseif($content->end_date < date('Y-m-d'))
                                            @php($status = 'Past')
                                        @elseif($content->start_date >= date('Y-m-d') || $content->start_date <= date('Y-m-d'))
                                            @php($status = 'Current')
                                        @endif

                                            @php($total_slot = 0)
                                            @php($slot_count = 0)
                                            @foreach ($medias as $key => $media)
                                                @php($info = new \SplFileInfo($media))
                                                @php($ext = $info->getExtension())
                                                @php($video_ext = Config('global.video_extensions'))
                                                @php($image_ext = Config('global.image_extensions'))
                                                @if(in_array($ext,$video_ext))
                                                    @php($getID3 = new \getID3)
                                                    @php($file = $getID3->analyze(public_path('uploads/items/video/'.$media)))
                                                    @php($duration = seconds_from_time(date('H:i:s', $file['playtime_seconds'])))
                                                    @php($duration_actual = (date('H:i:s', $file['playtime_seconds'])))
                                                    @php($_slot_count = $duration/15)
                                                    @php($slot_count += ceil($_slot_count))
                                                @elseif(in_array($ext,$image_ext))
                                                    @php($slot_count += 1)
                                                @endif   
                                            @endforeach
                                            @php($total_slot += $slot_count)
                                            @if($status == 'Past')
                                            <div class="dash_faq-select-box dash-faq-ques-box">
                                                <div id="select_screen_head" class="dash-faq-hd dash-faq-hd-click">
                                                    <div class="custom-control custom-checkbox mb-3">
                                                        <input type="checkbox" class="custom-control-input check_content res_checkbox" id="content-{{ $content->id }}" name="example1" data-id="{{ $content->id }}">
                                                        <label class="custom-control-label" for="content-{{ $content->id }}"></label>
                                                    </div>
                                                    {{-- <div class="squaredThree">
                                                        <input type="checkbox" style="height: auto !important;" id="content-{{ $content->id }}" class="check_content res_checkbox" data-id="{{ $content->id }}">

                                                        <span></span>
                                                    </div> --}}
                                                    <h3>{{ !empty($content->title) ? $content->title : date('M - d - Y') }}<span class="plus-minus" title="Drop Down"></span></h3>
                                                </div>                    
                                                <div class="dash-faq-ans" style="display: none;">
                                                    <div class="table-responsive selectBox_tbl">
                                                        <table class="table select_tbl">
                                                            <thead></thead>
                                                            <tbody id="table_body">
                                                                <tr class="dashrwd_st_tr rwdDash_Location dashrwd_locationHead">
                                                                    <th class="locationHead_rwd loca_rwd_sub_head collapse-data">Locations</th>
                                                                    <td>{{ !empty($content->getContentScreens) ? count($content->getContentScreens) : 0 }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">Start date</th>
                                                                    <td>{{ date('M d - Y', strtotime($content->start_date)) }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">End date</th>
                                                                    <td>{{ date('M d - Y', strtotime($content->end_date)) }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">Cost (SAR)</th>
                                                                    <td>{{ number_format($content->price, 0) }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr rwdDash_Location dashrwd_locationHead">
                                                                    <th class="locationHead_rwd cont_rwd_sub_head collapse-data">Content</th>
                                                                    <td>{{ !empty($content->contentMedias) ? count($content->contentMedias) : 0 }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">Slot</th>
                                                                    <td>{{ $total_slot }}</td>
                                                                </tr>
                                                                <tr class="dashrwd_st_tr">
                                                                    <th scope="row">Viewership</th>
                                                                    <td>{{ !empty($viewers) ? thousandsCurrencyFormat($viewers) : 0 }}</td>
                                                                </tr>
                                                            </tbody>                                                
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                            @php($i++)
                                            @endif
                                            @endforeach
                                    </div>
                                </div>
                            </div>
            
                        </div>
                    </div>

                    <!-- //MOBILE_VIEW END// -->
                    <!-- //FILTER START// -->
                    <div class="dash_filter">
                        <!-- Modal -->
                        <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                            <div class="modal-dialog modal-dialog-centered" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLongTitle">Filter</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                    </div>
                                    <div class="modal-body dash_filterBody">
                                        <div class="filterName cld_formBox">
                                            <div class="row m_0">
                                                <div class="col-md-12">
                                                    <div class="group prof_name">
                                                        <input type="text" name="content_name" id="content_name" value="" aria-required="true" class="valid" aria-invalid="false" autocomplete="nope" required>
                                                        <label>Name including</label>
                                                        <span class="highlight"></span>
                                                        <span class="bar"></span>

                                                        {{-- <label>Name including</label> --}}
                                                        {{-- <input type="text" name="content_name" id="content_name" value="" aria-required="true" class="valid" aria-invalid="false" value="" autocomplete="nope"> --}}
                                                        <div id="content_list">
                                                        </div>
                                                    
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="filterCalendar">
                                            <div class="row m_0">
                                                <div class="col-md-12">
                                                    <div class="group prof_name desk_flter_calenderBox">
                                                        <label>Date range</label>
                                                        <div class="cld_calendarBox flter_calenderBox">
                                                            <input id="date-range02" size="30" value="" type="hidden" style="">
                                                            <div id="date-range12-container" style="width:456px;"></div>
                                                        </div>
                                                    </div>
                                                    <div class="rwd_flter_calenderBox cld_formBox">
                                                        <div class="row m_0">
                                                            <div class="col-md-6">
                                                                <div class="group date_fromDate">
                                                                    <input type="text" id="fromdate" name="cc-exp" class="input_field datefield" placeholder="dd/mm/yyyy" autocomplete="off">
                                                                    <label>From date</label>
                                                                    <span class="highlight"></span>
                                                                    <span class="bar"></span>
                                                                    {{-- <label>From Date</label>
                                                                    <input type="text" id="fromdate" name="cc-exp" class="input_field datefield" placeholder="dd/mm/yyyy" required="" autocomplete="off"> --}}
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6">
                                                                <div class="group date_toDate">
                                                                    <input type="text" id="todate" name="cc-exp" class="input_field datefield" placeholder="dd/mm/yyyy" autocomplete="off">
                                                                    <label>To date</label>
                                                                    <span class="highlight"></span>
                                                                    <span class="bar"></span>
                                                                    {{-- <label>To Date</label>
                                                                    <input type="text" id="todate" name="cc-exp" class="input_field datefield" placeholder="dd/mm/yyyy" required="" autocomplete="off"> --}}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="filterRange">
                                            <div class="row m_0">
                                                <div class="col-md-12">
                                                    <div class="group prof_name">
                                                        <label>Cost range</label>
                                                        <div id="slider-range"></div>
                                                        <p>
                                                            <input type="text" id="amount" readonly style="border:0; color:#262C32; font-weight:bold;">
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="filterRange">
                                            <div class="row m_0">
                                                <div class="col-md-12">
                                                    <div class="group prof_name">
                                                        <label>Viewership range</label>
                                                        <div id="slider-range01"></div>
                                                        <p>
                                                            <input type="text" id="amount01" readonly style="border:0; color:#262C32; font-weight:bold;">
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cld_button cld_btn_wrap">
                                            <button class="btn button btn_apply dashboard_filter_apply" type="button" value="">Apply</button>
                                            <a href="#" class="btn button btn_reset active" type="button" value="">Reset</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Modal -->
                    </div>
                    <!-- //FILTER END// -->
                    <!-- //DESK_VIEW START// -->
                    <div class="dash_campaign_wrap dash_dask_view">
                        <div class="dash_campaign_body">
                            <table id="example" class="ui celled table dataTable" style="width:100%">
                                <thead>
                                    <tr>
                                        <th>


                                            <div class="custom-control custom-checkbox mb-3">
                                                <input type="checkbox" class="custom-control-input checkAll check_listBox" id="checkAll" name="example1">
                                                <label class="custom-control-label" for="checkAll"></label>
                                            </div>
                                        </th>
                                        <th>Campaign</th>
                                        <th>Location</th>
                                        <th>Start date</th>
                                        <th>End date</th>
                                        <th>Cost (SAR)</th>
                                        <th>Content</th>
                                        <th>Slot</th>
                                        <th>Viewership</th>
                                        <th class="statusDrop_sub">
                                            <div class="statusDrop">
                                                Status
                                                <a href="#"><i class="status_ico"></i></a>
                                                <ul class="sub_menu status_change" style="display: none;">
                                                    <li class="status_list active">
                                                        <a href="#" data-value="all" class="active">All</a>
                                                    </li>
                                                    <li class="status_list">
                                                        <a href="#" data-value="current">Current</a>
                                                    </li>
                                                    <li class="status_list">
                                                        <a href="#" data-value="future">Future</a>
                                                    </li>
                                                    <li class="status_list">
                                                        <a href="#" data-value="past">Past</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody id="master_table_body">
                                    @php($i = 0)
                                    @php($video_ext = Config('global.video_extensions'))
                                    @php($image_ext = Config('global.image_extensions'))
                                    @if(!$contents->isEmpty())
                                    @foreach($contents as $content)
                                    @php($screen_ids = $content->getContentScreens->pluck('screen_id')->toArray())
                                    @php($venue_ids =DB::table('screens')->whereIn('id', $screen_ids)->pluck('venue_id')->toArray())
                                    @php($number_of_venues = !empty($venue_ids) && $venue_ids[0] ? count(array_unique($venue_ids)) : '0')
                                    @php($viewers = DB::table('screens')->whereIn('id', $screen_ids)->sum('viewer'))
                                    @php($media_ids = $content->contentMedias->pluck('media_id')->toArray())
                                    @php($medias = \App\Models\Media::withTrashed()->whereIn('id', $media_ids)->pluck('path')->toArray())
                                    @if($content->start_date > date('Y-m-d')) 
                                        @php($status = 'Future')
                                    @elseif($content->end_date < date('Y-m-d'))
                                        @php($status = 'Past')
                                    @elseif($content->start_date >= date('Y-m-d') || $content->start_date <= date('Y-m-d'))
                                        @php($status = 'Current')
                                    @endif                             
                                        
                                    
                                    @php($total_slot = 0)
                                    @php($slot_count = 0)
                                    @foreach ($medias as $key => $media)
                                        @php($info = new \SplFileInfo($media))
                                        @php($ext = $info->getExtension())
                                        @if(in_array($ext,$video_ext))
                                            @php($getID3 = new \getID3)
                                            @php($file = $getID3->analyze(public_path('uploads/items/video/'.$media)))
                                            @php($duration = seconds_from_time(date('H:i:s', $file['playtime_seconds'])))
                                            @php($duration_actual = (date('H:i:s', $file['playtime_seconds'])))
                                            @php($_slot_count = $duration/15)
                                            @php($slot_count += ceil($_slot_count))
                                        @elseif(in_array($ext,$image_ext))
                                            @php($slot_count += 1)
                                        @endif
                                    @endforeach
                                    @php($total_slot += $slot_count)
                                    <tr>
                                        <td>
                                            <div class="squaredThree">
                                                <input type="checkbox" {{ $i == 0 ? 'checked' : '' }}  style="height: 20px !important; width: 20px;" id="content-{{ $content->id }}" class="check_content check_listBox" data-id="{{ $content->id }}">
                                                <label for="checkbox"></label>
                                                {{-- <span></span> --}}
                                            </div>
                                        </td>
     
                                        <td>{{ !empty($content->title) ? $content->title : date('M - d - Y') }}</td>
                                        <td>{{ !empty($number_of_venues) ? $number_of_venues : 0 }}</td>
                                        <td>{{ date('M d - Y', strtotime($content->start_date)) }}</td>
                                        <td>{{ date('M d - Y', strtotime($content->end_date)) }}</td>
                                        <td>{{ number_format($content->price, 0) }}</td>
                                        <td>{{ !empty($content->contentMedias) ? count($content->contentMedias) : 0 }}</td>
                                        <td>{{ $total_slot }}</td>
                                        <td>{{ !empty($viewers) ? thousandsCurrencyFormat($viewers) : 0 }}</td>
                                        <td>{{ $status }}</td>
                                        @php($i++)
                                    </tr>
                                    @endforeach
                                    @else 
                                    <tr>
                                        <td colspan="10">No data available</td>
                                    </tr>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div id="dashboard_details" class="dash_ft_wrap dash_ft_wrap_rwd">
                        
                    </div>
                    <!-- //DESK_VIEW END// -->
                </div>
            </div>
        </div>
    </div>

    <div class="cld_select_wrap">
        <div class="select_container">
            <div class="cld_select_screen">
                <div class="faq-select-box faq-ques-box">
                    <div class="faq-hd">
                        <h3>{{ trans('dashboard.dashboard_page.title') }}</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- //CONTAINER END// -->
<!-- //CONTENT END// -->

@stop

@section('dashbord_styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('advertiser_user/css/fixedHeader.semanticui.min.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('advertiser_user/css/dataTables.semanticui.min.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('advertiser_user/css/semantic.min.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('advertiser_user/css/jquery-ui.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('advertiser_user/css/daterangepicker.min.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('advertiser_user/css/easy-responsive-tabs.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('advertiser_user/css/owl.carousel.css') }}"/>
    {{-- <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" /> --}}
    <style>
        .fc-day-content {display: none;}
        .dashboard_wrap .each_widget g[opacity="0.4"],
        .dashboard_wrap .each_widget g[opacity="0.3"] {opacity: 0 !important;display: none !important;}
        table.select_tbl th:first-child {width: 65px;}
        table.select_tbl th:last-child {width: 110px;}        
        .cld_select_wrap {
            bottom: 0;
            height: 100px;
        }
        .dash_out_wrap {
            padding-bottom: 150px;
            display: inline-block;
        }
        .ui-state-default, .ui-widget-content .ui-state-default {
            border: 1px solid #262C32;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            top: -9px;
            background: #262C32;
        }
        
        video::-webkit-media-controls-fullscreen-button, 
        video::-webkit-media-controls-play-button, video::-webkit-media-controls-pausebutton {
            display: none;
        }
        /*  */

        .dashbord .filterCalendar [data-tooltip]:hover:before {
            display: none;
        }
        .dashbord .filterCalendar [data-tooltip]:hover:after {
            display: none;
        }
        .dash_campaign_body .dash-faq-ques-box {
            padding: 0 !important;
        }
        .dash-faq-hd-click {
            padding: 6px 10px;
        }
    </style>
@stop

@section('advertiser_js')
    @include('advertiser.modules.dashboard.js.index')
@stop