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

@section('title')
<title>{{env('APP_NAME')}} :: Auctions</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>Auctions for {{ $search_country->country_name }}</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-->
            
            <div class="col-lg-3 col-md-3">
                <div class="left-sec">
                    <!-- AUCTION section -->
                    @if(isset($auction) && !empty($auction))                    
                    <div class="row listings listings-spots listing-spots--minimal ">
                        @php
                            if($auction->bid_price !=''){
                                $current_bid_price = $auction->bid_price + $auction->bid_price_addition;
                            } else {    
                                $current_bid_price = $auction->auction_start_price;
                            }

                            $display_auctioncover = 0;
                            if($auction->bid_enddate > $today_date){
                                $display_auctioncover = 1;

                                $start_date = strtotime($today_date);
                                $end_date = strtotime($auction->bid_enddate);
                                

                                $diffdays = floor(($end_date - $start_date)/60/60/24);
                                $diffdays_title = " days";
                                if($diffdays == 0){
                                    $diffdays = floor(($end_date - $start_date)/3600); 
                                    $diffdays_title = " hours";
                                }
                            } 

                            //get highest bidder detail
                            $makeoffer = 1;
                            $advertiser = '';
                            if($auction->advertiser_id > 0){
                                $search_param = array();
                                $search_param['advertiser_id'] = $auction->advertiser_id;
                                $search_param['is_deleted_compare'] = '<';
                                $search_param['is_deleted'] = 2;
                                $search_param['is_blocked'] = 0;

                                $profile = get_profiles($search_param);

                                if(isset($profile) && count($profile) > 0){
                                    $advertiser = $profile[0];
                                   
                                    //get images
                                    $search_param = array();
                                    $search_param['advertiser_id'] = $auction->advertiser_id;
                                    $search_param['is_deleted'] = 0;
                                    $search_param['is_blocked'] = 0;
                                    if($advertiser->is_image_verified ==3){
                                        $search_param['is_verified'] = 1;
                                    }
                                    $images = get_profile_images($search_param);

                                    $main_image = '';
                                    $other_images = array();
                                    if (isset($images) && !empty($images)) {
                                        foreach ($images as $image) {
                                            if ($image->is_main) {
                                                $main_image = $image;
                                            } else {
                                                $other_images[] = $image;
                                            }
                                        }
                                    }

                                    //profile description to display below image
                                    $profile_description = 'A';
                                    if($advertiser->birth_date !='' && $advertiser->birth_date !='0000-00-00'){
                                        $age = date("Y") - date("Y", strtotime($advertiser->birth_date));
                                        $profile_description .= ' '.$age.' year old';
                                    }
                                    if($advertiser->nationality_name !=''){
                                        $profile_description .= ' '.$advertiser->nationality_name;

                                        $slug_nationality = Str::slug($advertiser->nationality_name);
                                    }
                                    if($advertiser->gender !=''){
                                        if($advertiser->gender =='F'){
                                            $gender = "Female";
                                        } else if($advertiser->gender =='M'){
                                            $gender = "Male";
                                        } else if($advertiser->gender =='T'){
                                            $gender = "Shemale";
                                        }
                                        $profile_description .= ' '.$gender.' escort';
                                    }
                                    $profile_description .= ' From';
                                    $slug_escort_location = '';
                                    if($advertiser->city_name !=''){
                                        $profile_description .= ' '.$advertiser->city_name;
                                        $slug_escort_location .= Str::slug($advertiser->city_name).'-';
                                    }
                                    if($advertiser->country_name !=''){
                                        $profile_description .= ' '.$advertiser->country_name;
                                        $slug_escort_location .= Str::slug($advertiser->country_name);
                                    }

                                    if($advertiser->user_id == session()->get('user_id')){
                                        $makeoffer = 0;
                                    }
                                } 

                                
                            }
                        @endphp
                        <div class="col-md-12 escort-item-one spot mb-2 @if($display_auctioncover == 0) auction-profile-spot @endif">
                            @if($display_auctioncover == 1)
                            <div class="auction-cover d-flex align-items-center flex-wrap rounded">
                                <div class="d-flex flex-column align-items-center align-self-start justify-content-between flex-sidebar">
                                    <div class="spot-id pt-3 px-3 pb-2 text-uppercase small">Spot&nbsp;#{{$auction->spot}}</div>
                                    <div class="d-flex flex-column align-items-center w-100 text-center mt-5 mt-md-0">
                                        <h5 class="mb-4 mx-2 auction-price">
                                            <span>Current price for {{ $auction->display_duration }} days:</span>
                                            <strong class="ml-2">{{$search_country->currency_symbol}}{{ $current_bid_price }}</strong> 
                                        </h5>                                        
                                    </div>                                        
                                    <div class="d-flex align-items-center justify-content-center">
                                        <img alt="Timer icon" class="mr-2" height="28" src="{{asset('public/frontend_assets/images/icon/timer-icon.svg')}}" width="28">
                                        <p class="mb-0">auction ends in: {{$diffdays}} {{ $diffdays_title }}</p>
                                    </div>
                                    <details class="ml-3 w-100 d-none d-sm-block" data-popover="up">
                                        <summary class="d-flex align-items-center pb-2" data-toggle="tooltip" title="Spots position will be always at the top! Your Profiles are first to be seen.">
                                            <img alt="Question mark icon" class="mr-2" height="14" src="{{asset('public/frontend_assets/images/icon/help-icon.svg')}}" width="18">
                                            <span class="text-uppercase"><small>Why is this the best choice?</small></span>
                                        </summary>
                                    </details>                                    
                                </div>                                
                            </div>
                            @endif
                            <div class="profile-main-div m-2">
                                @if(!empty($advertiser))
                                <div class="details-sec">
                                    <h2 class="title">
                                        <a href="{{route('escort.detail',['nationality'=>$slug_nationality, 'escort_location'=>$slug_escort_location, 'slug'=>$advertiser->slug])}}">{{ implode(' ', array_slice(explode(' ', $advertiser->display_name), 0, 3))}}</a>
                                    </h2>
                                </div>
                                <div class="img-sec">
                                    <div class="big-img">

                                        @if(isset($main_image->advertiser_image_url) && $main_image->advertiser_image_url !="")
                                        <a href="{{route('escort.detail',['nationality'=>$slug_nationality, 'escort_location'=>$slug_escort_location, 'slug'=>$advertiser->slug])}}">
                                            <img src="{{ getStorageFile(config('path.escort').$advertiser->advertiser_id.'/thumb/300_'.$main_image->advertiser_image_url, 'b2') }}" alt="{{$advertiser->display_name}}"/>
                                            @if($main_image->is_verified == 1)
                                            <span>
                                                <i class="fa fa-check"></i>
                                                <span>Verified photos</span>
                                            </span>
                                            @endif
                                        </a>
                                        @else
                                        <a href="{{route('escort.detail',['nationality'=>$slug_nationality, 'escort_location'=>$slug_escort_location, 'slug'=>$advertiser->slug])}}">
                                            <img src="{{ getStorageFile(config('path.escort').'escort-placeholder.jpg') }}" alt="">
                                        </a>
                                        @endif
                                    </div>
                                    <div class="thumb-list">
                                        @php 
                                            $totalthumb_allowed = 3; 
                                            $imgcount = 0;                                    
                                        @endphp
                                        @if(isset($other_images) && !empty($other_images))
                                            @foreach($other_images as $row)
                                            <a href="{{route('escort.detail',['nationality'=>$slug_nationality, 'escort_location'=>$slug_escort_location, 'slug'=>$advertiser->slug])}}">
                                                <img src="{{ getStorageFile(config('path.escort').$advertiser->advertiser_id.'/thumb/300_'.$row->advertiser_image_url, 'b2') }}" alt="{{$advertiser->display_name}}"/>
                                                @if($row->is_verified == 1)
                                                <span>
                                                    <i class="fa fa-check"></i>
                                                    <span>Verified photos</span>
                                                </span>
                                                @endif
                                            </a>
                                            @php 
                                                $imgcount++; 
                                                if($imgcount >= $totalthumb_allowed){
                                                    break;
                                                }
                                            @endphp
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                                <div class="details-sec text-center">
                                    <p class="mt-1">
                                        {!! $profile_description !!}
                                    </p>
                                    <div class="badge-counts my-2">
                                        @if($advertiser->total_review > 0)
                                        <span data-toggle="tooltip" title="{{$advertiser->total_review}} reviews. Avg Rating: {{$advertiser->avg_rating}}"><i class="fa fa-heart"></i> {{$advertiser->total_review}}</span>
                                        @endif

                                        @if($advertiser->total_answer > 0)
                                        <span data-toggle="tooltip" title="{{$advertiser->total_answer}} questions answered."><i class="fa fa-question-circle"></i> {{$advertiser->total_answer}}</span>
                                        @endif
                                    </div>
                                </div>

                                @else
                                    <div class="details-sec">
                                        <h2 class="title">
                                            <a href="#">Profile Title</a>
                                        </h2>
                                    </div>
                                    <div class="img-sec">
                                        <div class="big-img">
                                            <a href="#">
                                                <img alt="Placeholder image" src="{{asset('public/frontend_assets/images/placeholder-image.jpg')}}">
                                            </a>
                                        </div>
                                        <div class="thumb-list">
                                            <div class="thumb"></div>
                                            <div class="thumb"></div>
                                            <div class="thumb"></div>
                                        </div> 
                                    </div>
                                    <div class="details-sec text-center">
                                        <p class="mt-1">
                                            Profile summary
                                        </p>
                                    </div>
                                @endif
                                
                            </div>
                        </div>
                    </div>
                    @endif
                    <!-- \AUCTION section -->                   
                    
                </div>
            </div>

            <div class="col-lg-9 col-md-9">
                <form action="{{route('auction.process')}}" method="post" id="processAuction" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="auction_id" value="{{$auction->auction_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="minimum_bid_price" id="minimum_bid_price" value="{{$current_bid_price}}">

                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <h5>Select Profile for SPOT:</h5>
                        
                        <select class="custom-select" name="advertiser_id" id="advertiser_id">
                            <option value="">Select Profile</option>
                            @if(isset($profiles) && count($profiles) > 0)                          
                                @foreach($profiles as $profile) 
                                <option value="{{$profile->advertiser_id}}" {{($auction->advertiser_id == $profile->advertiser_id)?'selected':''}}>{{$profile->display_name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>

                <div class="col-12 col-md-6">
                    <h5>BID Price:</h5>
                    <label class="text-warning">You can bid for {{$search_country->currency_symbol}}{{$current_bid_price}} or more amount.</label>
                    <div class="form-group mb-3">                        
                        {{$search_country->currency_symbol}} &nbsp;<input type="text" name="current_bid_price" id="current_bid_price" value="{{$current_bid_price}}" class="form-control">                      
                    </div>
                </div>
                @if($makeoffer == 1)
                <button class="btn btn-main ml-3 btnmakeoffer">
                    Proceed <i class="fa fa-angle-right"></i>
                </button>
                @else
                    You already have offered active and currently on TOP.
                @endif

                </form>                   
            </div>
            
        </div>
    </div>
</section>

@endsection

@section('custom_js')
<script>
    $(function() {
       
        $('#processAuction').validate({
            rules: {                
                advertiser_id: {
                    required: true,
                },
                current_bid_price: {
                    required: true,
                    min: eval($('#minimum_bid_price').val())
                },
            },
            messages: {
                advertiser_id: {
                    required: "Please select profile",
                },
                current_bid_price: {
                    required: "Please enter bid price",
                    min:  "Invalid amount, please add minimum bid amount.",
                },
            },
            errorElement: 'span',
            errorPlacement: function(error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function(element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            },
            submitHandler: function(form) { // <- pass 'form' argument in
                $(".btnmakeoffer").attr("disabled", true);
                form.submit(); // <- use 'form' argument here.
            }
        });

    });
</script>
@endsection