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

@section('title')
<title>{{env('APP_NAME')}} :: Banner</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>Banner for {{ $search_country->country_name }} 
                        @if(isset($search_city->city_name) && $search_city->city_name !='') / {{$search_city->city_name}} @endif
                        @if(isset($search_citylocation->location_name) && $search_citylocation->location_name !='') / {{$search_citylocation->location_name}} @endif
                        @if(isset($search_area->area_name) && $search_area->area_name !='') / {{$search_area->area_name}} @endif
                    </h1>
                    <a href="#" class="btn btn-link hidden">
                        Next <i class="fa fa-angle-right"></i>
                    </a>
                </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-->
            
            @if(isset($banner) && !empty($banner))
            <div class="@if($banner->banner_position =='top')col-md-4 @else col-md-3 @endif">
                <div class="left-sec">

                    <!-- Banner section -->                    
                    @php                            
                        $price = $banner->price;
                        $link_price = $banner->link_price;

                        $auction_div = 1;
                        $display_bannercover = 1;
                    @endphp                    
                    <div class="row">
                        <div class="col-md-12">
                            <div class="banner-bg-image banner-Image" >
                                @if(isset($active_banner_list) && !empty($active_banner_list) && isset($active_banner_list->banner) && $active_banner_list->banner !='')             
                                    @if($active_banner_list->enable_link == 1)<a href="{{$active_banner_list->banner_link}}" target="_blank">@endif
                                    <img src="{{ getStorageFile(config('path.banner').$active_banner_list->banner, 'b2') }}" class="w-100" style="height: 255px;" />
                                    @if($active_banner_list->enable_link == 1)</a>@endif
                                @else
                                <img src="{{ asset('public/uploads/banner-placeholder.png') }}" class="w-100" style="height: 255px;" />
                                @endif

                                @if($display_bannercover == 1)
                                <div class="banner-mask text-light d-flex flex-column text-center" style="background-color: rgba(0, 0, 0, 0.8)">                        
                                    <div class="pt-3 px-3 pb-2 text-uppercase"><strong>{{$banner->banner_position}} Banner&nbsp;#{{$banner->spot}}</strong></div>                        
                                    <div class="d-flex flex-column align-items-center w-100 text-center mt-4">
                                        <h5 class="mb-4 mx-2 auction-price">
                                            <span>Price for {{ $banner->display_duration }} days:</span>
                                            <strong class="ml-2">{{$search_country->currency_symbol}}{{ $banner->price }}</strong> 
                                        </h5>

                                        Next available date {{$next_available_date}}

                                        @if(isset($active_banner_list) && !empty($active_banner_list))
                                        <div class="text-success mt-5">You booked spot for <br>{{date("Y-m-d", strtotime($active_banner_list->start_date))}} to {{date("Y-m-d", strtotime($active_banner_list->end_date))}}</div>
                                        @endif
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <!-- \Banner section -->                 
                    
                </div>
            </div>

            <div class="@if($banner->banner_position =='top')col-md-8 @else col-md-9 @endif">
                <div class="col-12">
                    <nav class="slidemenu"> 
                        <input type="radio" name="slideItem" id="slide-item-1" class="slide-toggle" checked onclick=""/>
                        <label for="slide-item-1"><span>Book Spot</span></label>
                        
                        <!-- Item 2 -->
                        <input type="radio" name="slideItem" id="slide-item-2" class="slide-toggle" onclick="alert('Complete spot booking to upload banner.');return false;"/>
                        <label for="slide-item-2"><span>Upload Banner</span></label>
                        
                        <div class="clearfix"></div>

                        <!-- Bar -->
                        <div class="slider">
                            <div class="bar"></div>
                        </div>                    
                    </nav>
                </div>
                <form action="{{route('banner.process')}}" method="post" id="processBanner" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="banner_spot_id" value="{{$banner->banner_spot_id}}">
                <input type="hidden" name="country_id" value="{{$search_country->country_id}}">
                <input type="hidden" name="city_id" value="{{ (isset($search_city->city_id) && $search_city->city_id !='')?$search_city->city_id:'' }}">   
                <input type="hidden" name="city_location_id" value="{{ (isset($search_citylocation->city_location_id) && $search_citylocation->city_location_id !='')?$search_citylocation->city_location_id:'' }}"> 
                <input type="hidden" name="city_location_area_id" value="{{ (isset($search_area->city_location_area_id) && $search_area->city_location_area_id !='')?$search_area->city_location_area_id:'' }}">             

                <div class="col-12 col-md-6">
                    <h5>Price: {{$search_country->currency_symbol}}{{$banner->price}}</h5>                  
                </div>
                
                <div class="col-12">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="1" name="enable_link" id="enable_link">
                        <label class="form-check-label" for="enable_link">
                            Display Link on banner for {{$search_country->currency_symbol}}{{$banner->link_price}}
                        </label>
                        <input type="hidden" name="link_price" id="link_price" value="{{$banner->link_price}}">
                    </div> 
                                    </div>

                <div class="col-md-12 col-lg-12 mt-4">
                    <div class="row rounded border border-white p-2 m-1">                
                        <div class="col-md-12 col-lg-12 heading-one">
                            <h1>
                                Payment Methods
                            </h1>
                            <hr class="m-0">
                            <div class="form-group mb-4">                                

                                <p class="help-block margin-bottom-zero fee-wrap">
                                    <span class="d-block w-100">Price:
                                    <span class="float-right"><strong><span class="display_amount">{{$banner->price}}</span></strong></span>
                                    </span><!-- end transaction fee --> 
                                    
                                    <span class="d-block w-100">Transaction Fee:
                                    <span class="float-right"><strong><span id="transaction_fee">0.00</span></strong></span>
                                    </span><!-- end transaction fee -->    
                                    
                                    <hr>
                                    <span class="d-block w-100">Total:
                                    <span class="float-right"><strong><span id="total_amount">{{$banner->price}}</span></strong></span>
                                    </span><!-- end total -->
                                </p>                            
                            </div>
                            <!-- Use radio buttons for choosing between PayPal and a different payment method -->
                            <div class="mb-4 payment_gateway_options">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="payment_gateway" id="payment_gateway" value="wallet" @if($wallet_balance < $banner->price) disabled @endif>
                                    <label class="form-check-label" for="flexRadioDefault0">                  
                                        <h6 class="mb-0">
                                            Wallet - Available Balance {{$search_country->currency_symbol}} {{$wallet_balance}}
                                            ( <a href="{{ route('add-fund', ['country' => $search_country->country_id]) }}" class="">
                                                Add Fund
                                            </a> )
                                        </h6>
                                    </label>
                                </div>
                                                            
                            @if(isset($makeoffer) && $makeoffer == 1)
                            <button class="btn btn-main ml-3 btnmakeoffer">
                                Proceed <i class="fa fa-angle-right"></i>
                            </button>               
                            @endif

                            </div>
                        </div>
                    </div>
                </form>                   
            </div>
            @endif
            
        </div>
    </div>
</section>

@endsection

@section('custom_js')
<script>
  var wallet_balance = @if($wallet_balance > 0) {{ $wallet_balance }} @else {{ 0 }} @endif ;
</script>

@if(isset($payment_settings[config('global.payment.PayPal')]) && !empty($payment_settings[config('global.payment.PayPal')]))
<script src="https://www.paypal.com/sdk/js?client-id=