@extends('advertiser.layout.app')

@section('advertiser_title', trans('landing.titles.select_screen'))

@section('advertiser_content')
@section('back_button')
{{-- <div class="right_wrapper">
    <div class="right_bar">
        <div class="right_back">
            <a href="{{ route('advertiser.home', app()->getLocale()) }}" class="backBtn">{{ trans('landing.commen.backbtn') }}</a>
        </div>
    </div>
</div> --}}
@stop
<div id="map" style="display: none;"></div>
<div class="map_viewBg">
    <img src="{{ asset('advertiser_user/images/map_bg.jpg') }}" alt="map-bg"/>
</div>
<!-- //CONTAINER START// -->
<div class="container">
    <div class="cloud_content">
        <div class="map_view_cldBox" id="map_view_cldBox_wrapper">
            <div class="cldMid_contBox">
                <div id="videoupload">
                    @foreach ($venues as $venue)
                    @php($selected_screens_data = 0)
                    @php($screen_count = count($venue->venuScreens))
                    @if(!empty($screen_count) && $screen_count > 0)
                    <div id="paginationdemo_{{ $venue->id }}" class="cldMap_viewBox map_view0{{ count($venue->venuScreens) }} demo regular slider venue_{{ $venue->id }} Clearfix" data-venue-id="{{ $venue->id }}">
                        @if(!empty($venue->venuScreens) && !$venue->venuScreens->isEmpty())
                        @php($i=1)
                        @foreach($venue->venuScreens as $screen)
                        @if(!empty($screen->screenTranslation))
                        
                            @if($i==1)
                            <div id="p_{{ $venue->id }}_{{ $i }}" class="pagedemo _current" style="display: block">
                            @else
                            <div id="p_{{ $venue->id }}_{{ $i }}" class="pagedemo" style="display: none">
                            @endif
                            @if(!empty(session()->get('screen_id') && session()->get('screen_id')[0]) && in_array($screen->id,array_unique(session()->get('screen_id'))))
                            @php($selected_screens_data+=1)
                            @endif
                                <div id="map_view_screen">
                                    <div class="map_screenBox screen_venue_{{ $screen->venue_id }} selected_value_{{ $screen->id }} {{ !empty($screen_ids) ? in_array($screen->id,$screen_ids) ? 'selected_value' : '' : '' }}" data-id="{{ $screen->id }}">
                                        <div class="upl_wrapBox">
                                        <a href="" class="map_screenImg" data-id="{{ $screen->id }}">
                                            @if(!empty($screen->discount) && $screen->discount > 0)
                                            <div class="off_screen_wrap">
                                                <div class="off_screenBg">
                                                    <span>{{ discountFormat($screen->discount) }}% {{ trans('landing.off') }}</span>
                                                </div>
                                            </div>
                                            @endif
                                            <div class="map_select_box">
                                                <div class="map_select screen_venue_id_{{ $screen->venue_id }} screen_select_{{ $screen->id }} {{ !empty($screen_ids) ? in_array($screen->id,$screen_ids) ? 'screen_selected' : '' : '' }}">
                                                    <i class="icon select_tick"></i>
                                                </div>
                                            </div>
                                            @if(!empty($screen->image) && file_exists('uploads/screen/'.$screen->image))
                                            <img src="{{ asset('uploads/screen/'.$screen->image) }}" alt="screens" />
                                            @else
                                            <img src="{{ asset('advertiser_user/images/screen_image.jpg') }}" alt="screens" />
                                            @endif
                                        </a>
                                        </div>
                                        <div class="scr_contentBox">
                                            
                                            <div class="scr_contTop">
                                                <div class="contTop_left scr_cont_slots">
                                                    <div class="scr_loc_images">
                                                        
                                                        <img src="{{ !empty($screen->venue) && !empty($screen->venue->image) && file_exists('uploads/venue/' . $screen->venue->image) ?  asset('uploads/venue/'.$screen->venue->image) : asset('advertiser_user/images/logo.svg') }}" alt="location-image01"/>
                                                    </div>
                                                </div>
                                                <div class="contTop_right scr_cont_ratio">
                                                    <div class="scr_loc_location">
                                                        <p class="scr_location_txt">{{ !empty($screen->venue) && !empty($screen->venue->location) ? (strlen($screen->venue->location) > 19) ? substr($screen->venue->location, 0, 19). '...' : $screen->venue->location : '' }}</p>
                                                    </div>
                                                </div>
                                            </div>
                                            @if(!empty($screen->discount) && $screen->discount >= 0)
                                            @php($slot_price = (!empty($screen->price) && $screen->price > 0) ? ($screen->price) : ((!empty($screen->slotPrice) && !empty($screen->slotPrice->slots)) ? ($screen->slotPrice->slots->price) : (0)))
                                            @php($slot_price = $slot_price-(($screen->discount/100)*100))
                                            @else
                                            @php($slot_price = (!empty($screen->price) && $screen->price > 0) ? ($screen->price) : (!empty($screen->slotPrice) && !empty($screen->slotPrice->slots) ? ($screen->slotPrice->slots->price) : (0)))

                                            @endif
                                            <div class="scr_contBtm">
                                                <div class="contBtm_left">
                                                    <span class="leftday_sar"><p><b>{{ !empty($screen->slotPrice) && !empty($screen->slotPrice->slots) && !empty($screen->slotPrice->slots->slotCurrency) ? $screen->slotPrice->slots->slotCurrency->code : "N/A" }} {{ priceFormat($slot_price) }}</b></p></span>
                                                </div>
                                                <div class="contBtm_right">
                                                    <span class="rightday_view"><i class="icon view_ico"></i><p><b> {{ thousandsCurrencyFormat($screen->viewer) }}</b></p></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="contBtm_center">
                                        <button class="info_dtsBtn">{{ trans('home.screen_info') }}</button>
                                        <div class="info_hoverDts">
                                            <p>{{!empty($venue->venueTranslation->short_description) ? $venue->venueTranslation->short_description : "N/A"  }}</p>
                                        </div>
                                    </div> 
                                </div>
                            </div>
                            @endif
                        
                            @php($i++)
                            @endforeach
                        @endif            
                        <div id="demo{{ $venue->id }}" class="demo5">     
                        </div> 
                        <span class="prev_button"></span>                                                                       
                        <span class="next_button"></span> 
                        @if($screen_count>1)  
                        <div class="map_select_all ">
                            <div class="select_all_tile">
                                <label class="{{ $selected_screens_data == $screen_count ? 'selected_value' : ''}} checkbox_lable"><input id="venue_{{ $venue->id }}" type="checkbox" {{ $selected_screens_data == $screen_count ? 'checked' : ''}} class="check-custom venue_{{ $venue->id }}"><span class="check-toggle"></span>All &nbsp;<span class="scr_all_count">{{ $screen_count }}<span></label>
                            </div>
                        </div>
                        @endif
                    </div>
                    @endif
                    @endforeach
                    </div>
                </div>   
            </div>     
        @include('advertiser.modules.home.includes.bottom_selected_screen')
    </div>
</div>
<!-- //CONTAINER END// -->

@stop

@section('advertiser_styles')
<style>
    .screen_selected {
        display: block !important;
    }
    #filtter_form {
        width: 100%;
    }
    .cld_button .screen_filter_apply {border-radius: 4px 0 0 4px;width: 50%;}
    
</style>
@stop

@section('advertiser_js')
    @include('advertiser.modules.screens.js.featured')
@stop