@extends('../../master_layout/website_master')

@section('title')
<title>{{env('APP_NAME')}} :: My Banners</title>
@endsection


@section('heading')
<section class="page-heading">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="content">
                    <a href="javascript:history.back()" class="btn btn-link">
                        <i class="fa fa-angle-left"></i> Back
                    </a>
                    <h1 class="py-2 py-sm-0">My Banners</h1>

                    <!-- breadcrumb -->
                    @php
                    $breadcrumb = array(
                        array('title'=>'My Banners', 'url'=>'', 'active'=>'1')
                    );
                    @endphp
                    @include('website_view.component.breadcrumb',  compact("breadcrumb"))
                    <!-- \breadcrumb -->
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('content')

@if (session('errors'))
<div class="alert alert-danger alert-dismissible">
    @foreach($errors->all() as $message)
    <li class="text-danger">{{$message}}</li>
    @endforeach
</div>
@endif

<section class="profile-one">
    <div class="container-fluid">
        <div class="row gap-y-2">
            <!-- Message-->
            @if (session('message'))
            <div class="col-12">
                <div class="alert alert-{{session('message.type')}} alert-dismissible fade show" role="alert">
                    @if(session('message.type')=='danger')
                    <strong>Oops!</strong> {!! session('message.text') !!}
                    @else
                    <strong>Success!</strong> {!! session('message.text') !!}
                    @endif
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            </div>
            @endif
            <!--end message-->                       
            
            <div class="col-12">
                @if(isset($banners) && !empty($banners))
                    @foreach($banners as $banner)
                    @php      
                        
                        $today_date = date("Y-m-d H:i:s");

                        //check next available slot
                        $search_banner = array();
                        $search_banner['spot'] = $banner->spot;
                        $search_banner['banner_position'] = $banner->banner_position;
                        if(isset($banner->country_id) && $banner->country_id !=''){
                            $search_banner['country_id'] = $banner->country_id;
                        }
                        if(isset($banner->city_id) && $banner->city_id  !=''){
                            $search_banner['city_id'] = $banner->city_id;
                        }
                        if(isset($banner->city_location_id) && $banner->city_location_id  !=''){
                            $search_banner['city_location_id'] = $banner->city_location_id;
                        }
                        if(isset($banner->city_location_area_id) && $banner->city_location_area_id !=''){
                            $search_banner['city_location_area_id'] = $banner->city_location_area_id;
                        }
                        
                        $search_banner['orderby'] = 'tbl_banner_subscription.end_date';
                        $search_banner['sortorder'] = 'DESC';
                        $search_banner['singlerow'] = 1;
                        $search_banner['enddategreater'] = $today_date;

                        $nextavailable_banner_list = banner_subscription($search_banner);
                        if(isset($nextavailable_banner_list) && !empty($nextavailable_banner_list)){
                            $active_banner_enddate = $nextavailable_banner_list->end_date;
                            $banner_enddate = date("Y-m-d", strtotime($active_banner_enddate));
                            $nextavailable_date = date('d/m/Y', strtotime($banner_enddate . ' +1 day'));
                        } else {
                            $nextavailable_date = date("d/m/Y");
                        }  
                    @endphp
                    
                    <div class="row gap-y-2 mb-2">
                        <div class="col-md-12">
                            <div class="box-one h-100">
                                <div class="row">          
                                    <div class="col-md-4">
                                    @if($banner->enable_link == 1)<a href="{{$banner->banner_link}}" target="_blank">@endif
                                    @if(isset($banner->banner) && $banner->banner!="")
                                    <img src="{{ getStorageFile(config('path.banner').$banner->banner, 'b2') }}" class="img-fluid" />
                                    @else
                                    <img src="{{ asset('public/uploads/banner-placeholder.png') }}" class="img-fluid"/>
                                    @endif
                                    @if($banner->enable_link == 1)</a>@endif
                                    </div>
                                    <div class="col-md-4">
                                        <div class="profile-item-one">
                                            
                                            <div class="details-sec text-center text-md-left ">                                                
                                                <div class="text-uppercase"><h2 class="title"><strong>{{$banner->banner_position}} Banner&nbsp;#{{$banner->spot}}</strong></h2></div> 

                                                <div class="text-center text-md-left mt-3 mt-md-0">
                                                    <i class="fa fa-map-marker" aria-hidden="true"></i> 
                                                    {{ $banner->country_name }} 
                                                    @if(isset($banner->city_name) && $banner->city_name !=''){{', '.$banner->city_name}} @endif
                                                    @if(isset($banner->location_name) && $banner->location_name !=''){{', '.$banner->location_name}} @endif
                                                    @if(isset($banner->area_name) && $banner->area_name !=''){{', '.$banner->area_name}} @endif
                                                </div>
                                                @if($banner->enable_link == 1)
                                                <div>
                                                    Display URL on Banner : YES
                                                </div>
                                                <div>
                                                    Banner URL: <a href="{{$banner->banner_link}}" target="_blank">{{$banner->banner_link}}</a>
                                                </div>
                                                @if(isset($banner->phone_number) && $banner->phone_number !='') 
                                                <div>
                                                Phone: +{{$banner->phone_code}}{{$banner->phone_number}}
                                                </div>
                                                @endif
                                                @endif
                                                
                                                <div class="btn-sec mt-3">
                                                    <a href="{{route('banner-upload',['subscription'=>$banner->banner_subscription_id])}}" class="btn btn-main">
                                                        <i class="fas fa-pencil-alt"></i> Edit
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 text-center mt-3 mt-md-0">
                                        <div class="text-success mt-2 mb-2">
                                            Valid from: {{date('d/m/Y', strtotime($banner->start_date))}} <br>
                                            Valid till: {{date('d/m/Y', strtotime($banner->end_date))}}
                                        </div>
                                        <div class="mt-2"> 
                                            <span class="mr-2">Published: </span> 
                                            @if($banner->status == 2)
                                            Suspended
                                            @else
                                            <input type="checkbox" class="auto-renew" @if($banner->status == '1'){{'checked'}}@endif data-bsid="{{$banner->banner_subscription_id}}" data-toggle="toggle" data-onstyle="success" data-size="xs">
                                            @endif
                                        </div>
                                        <hr>
                                        <p>
                                            <b>Next Available Slot On: {{$nextavailable_date}}</b>
                                        </p>  
                                        <div class="btn-sec mt-2">
                                            @if(isset($banner->area_name) && $banner->area_name !='')
                                            <a class="btn btn-main" href="{{route('banners-area',['country'=>Str::slug($banner->country_name), 'city'=>Str::slug($banner->city_name), 'location'=>Str::slug($banner->location_name), 'area' => Str::slug($banner->area_name), 'spot'=>$banner->spot, 'position'=>$banner->banner_position])}}">Rebook the SPOT <i class="fa fa-arrow-right"></i></a>
                                            @elseif(isset($banner->location_name) && $banner->location_name !='')      
                                            <a class="btn btn-main" href="{{route('banners-location',['country'=>Str::slug($banner->country_name), 'city'=>Str::slug($banner->city_name), 'location'=>Str::slug($banner->location_name), 'spot'=>$banner->spot, 'position'=>$banner->banner_position])}}">Rebook the SPOT <i class="fa fa-arrow-right"></i></a>
                                            @elseif(isset($banner->city_name) && $banner->city_name !='')
                                            <a class="btn btn-main" href="{{route('banners-city',['country'=>Str::slug($banner->country_name), 'city'=>Str::slug($banner->city_name), 'spot'=>$banner->spot, 'position'=>$banner->banner_position])}}">Rebook the SPOT <i class="fa fa-arrow-right"></i></a>
                                            @else
                                            <a class="btn btn-main" href="{{route('banners-country',['country'=>Str::slug($banner->country_name), 'spot'=>$banner->spot, 'position'=>$banner->banner_position])}}">Rebook the SPOT <i class="fa fa-arrow-right"></i></a>                            
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>                        
                        
                    </div>
                    @endforeach              

                @else
                        No Active Banners.
                @endif
            </div>
        </div>
    </div>
</section>

@endsection

@section('custom_css')
<link rel="stylesheet" href="{{asset('public/frontend_assets/css/bootstrap4-toggle.min.css')}}">
@endsection
@section('custom_js')
<script src="{{asset('public/frontend_assets/js/bootstrap4-toggle.min.js')}}"></script>
<script>
$(document).ready(function() {

    $('.auto-renew').change(function() {            
        if(this.checked){
            status = '1';
        } else {
            status = '0';
        }
        banner_subscription_id =  $(this).attr("data-bsid");
        $.ajax({
            url: '{{route("banner.status")}}',
            type: "POST",
            data: {
                'status': status,
                'banner_subscription_id': banner_subscription_id,
            },
            dataType: 'JSON',
            headers: {
                "X-CSRF-TOKEN": "{{ csrf_token() }}"
            },
            success: function(response) {
                /*if (response.status == true) {
                    
                }*/
            },
            error: function(error) {
                alert("Something went wrong. Please try again later.");
                window.location.reload();
            }
        });
        /*if(this.checked) {
            var returnVal = confirm("Are you sure?");
        }   */
    });
});
</script>
@endsection