@extends('frontend.layouts.app')
@section('content')

<style>
 .mm-slideout header.sticky .hamburger--collapse .hamburger-inner {
        top: -23px !important;
        left: 0px !important;
    }
    .mm-slideout header .hamburger--collapse .hamburger-inner {
        top: -23px !important;
        left: 0px !important;
    }
  @media only screen and (max-width: 767px){
        .inner-pages .hamburger {
            top: 16px !important;
            left: 12px;
        }
         .mm-slideout header .hamburger--collapse .hamburger-inner, .mm-slideout header.sticky .hamburger--collapse .hamburger-inner{
            top: -30px !important;
            left: -5px !important;
        }
    }
    @media (max-width: 450px){
     .mm-slideout header.sticky .hamburger--collapse .hamburger-inner {
        top: -20px !important;
        left: 0px !important;
    }
    .mm-slideout header .hamburger--collapse .hamburger-inner {
        top: -18px !important;
        left: 0px !important;
    }
   }
</style>

<section class="headings">
    <div class="text-heading text-center">
        <div class="container">
            <h1>  Checkout</h1>
            <h2><a href="{{route('home')}}">Home </a></h2>
        </div>
    </div>
</section>
<!-- START SECTION TESTIMONIALS -->
<section class="checkout-page-sec blog">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-12 blog-pots mb-4">
                <div class="row">
                    <div class="col-md-12">
                        <section class="headings-2 pt-0 pb-0">
                            <div class="listing-details pro-wrapper">
                                <div class="detail-wrapper-body">
                                    <div class="listing-left-cntnt">
                                    <div class="listing-title-bar">
                                        <h3>{{ $property->property_name }}</h3>
                                        <div class="mt-0">
                                            <a href="#listing-location" class="listing-address">
                                                <i class="fa fa-map-marker pr-2 ti-location-pin mrg-r-5"></i>{{ $property->property_location }}
                                            </a>

                                        </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single detail-wrapper mr-2">
                                    <div class="detail-wrapper-body">
                                        <div class="listing-title-bar">

                                            <div class="mt-1">

                                                <a href="#listing-location" class="listing-address">

                                                </a>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-12 col-md-12">
                                                    <h4>{{ amount_currency($property->offer_price) }} /Day
                                                    </h4> 
                                                    @if($property->discount_percentage>0) 
                                                    <span class="seprator"></span>
                                                    <h4 class="off">{{ round($property->discount_percentage) }} % OFF</h4>
                                                    @endif
                                                </div>
                                                @if($property->discount_percentage>0) 
                                                <div class="col-lg-12 col-md-12">
                                                    <strike></strike><h5><strike>{{ amount_currency($property->property_price)}} /Day</strike></h5>                                                      
                                                </div>
                                                @endif
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <!-- Star Description -->
                        <div class="blog-info details mb-30">
                            <h5 class="mb-4">Description</h5>
                            <p><span style="color: #666666; font-family: Lato, sans-serif; font-size: 15px;"> {!! $property->property_desc !!}</span></p>

                        </div>
                        <!-- End Description -->
                    </div>
                </div>
                <!-- Star Property Details -->
                <div class="single homes-content details mb-30">
                    <!-- title -->
                    <h5 class="mb-4">Property Details</h5>
                    <ul class="homes-list clearfix">
                        <li>
                            <span class="font-weight-bold mr-1">Property ID:</span>
                            <span class="det">{{ $property->property_id }}</span>
                        </li>
                        <li>
                            <span class="font-weight-bold mr-1">Property Type:</span>
                            <span class="det">{{ $property->property_type }}</span>
                        </li>
                        <li>
                            <span class="font-weight-bold mr-1">Property status:</span>
                            <span class="det">{{ $property->property_status == 1 ? 'For Rent' : 'For Rent' }}</span>
                        </li>
                        <li>
                            <span class="font-weight-bold mr-1">Bed rooms:</span>
                            <span class="det">{{ $property->property_bedroom }}</span>
                        </li>
                        <li>
                            <span class="font-weight-bold mr-1">Bath:</span>
                            <span class="det">{{ $property->property_bathroom }}</span>
                        </li>
                        <li>
                            <span class="font-weight-bold mr-1">Listing On:</span>
                            <span class="det">{{ dateformat($property->property_created_date)  }}</span>
                        </li>
                        <li style="width:auto;">
                            <span class="font-weight-bold mr-1">Property Price:</span>
                            <span class="det">{{ amount_currency($property->offer_price) }} /Day
                                
                        </li>
                       
                       
                    </ul>
                </div>
               <div class="payment-form-wrapper">
                    <div class="single widget checkout-sidebar">
                        <div class="schedule widget-boxed mt-30">
                            <div class="widget-boxed-header">
                                <h4><i class="fas fa-home"></i> Amenities</h4>
                            </div>
                            
                            <div class="widget-boxed-body">
                                <ul class="homes-list clearfix">
                                    @php
                                    $amenity_arr=explode(',',$property->property_amenities);
                                    $amenity_arr=array_values(array_unique($amenity_arr));
                                    $amenities = App\Models\Amenity::whereIn('amenities_id',$amenity_arr)->get()->toArray();
                                   
                                  @endphp
                                    @foreach ($amenities as $row)
                                    <li>
                                        <i class="fa fa-check-square" aria-hidden="true"></i>
                                        <span>{{ $row['amenities_name'] }}</span>
                                    </li>
                                    
                                @endforeach
                                  
                                                             
                                </ul>
                            </div>
                        </div>
                        <!-- End: Schedule a Tour -->
                    </div>
                      <div class="container">
                        @if(true)
                        <form method="POST" action="{{ route('confirm') }}" id="checkout_submit">
                            @csrf

                            <!-- <div class="filter-tags mt-4 mb-4">
                                <label>Select Payment Method * </label>
                            </div>
                            <div class="radio mt-4 mb-4">
                                <input type="radio"  name="transaction_type" id="cash" value="cash" required />
                                <label for="cash">Cash Payment</label>
                            </div>

                            <div class="radio mt-4 mb-4">
                                <input type="radio"  name="transaction_type" id="card" value="card"  checked required />
                                <label for="card">Card Payment</label>
                            </div>  -->                          
                            


                            <input type="hidden" name="transaction_type" value="card" />
                            <input type="hidden" name="property_id" value="{{ $property->property_id }}" />
                            <input type="hidden" name="check_in" value="{{ $check_in }}" />
                            <input type="hidden" name="check_out" value="{{ $check_out }}" />
                            <input type="hidden" name="room" value="{{ $room }}" />
                            <input type="hidden" name="guest" value="{{ $guest }}" />
                            <input type="hidden" name="promo_code" placeholder="Promocode" data-lang="en" class="promo-code" value="{{$promo_code}}">
                            <input type="hidden" name="redirect_url" id="redirect_url" value="{{ $redirect_url }}">
                            <!-- <div class="row col-md-12">
                                <div class="rld-single-input col-md-8">
                                    <input type="text"  name="promo_code" placeholder="Promocode" data-lang="en" class="promo-code" />
                                </div>

                                <div class="col-md-4">
                                    <button type="button" class="btn btn-yellow home_search_button">Apply</button>
                                </div>
                            </div> -->
                        </form>

                            <div class="row">
                               {{-- <div class="col-lg-8 col-md-8 mb-2">
                                    <form method="get" action="{{ route('checkout') }}" >
                                        @csrf
                                        <input type="hidden" name="property_id" value="{{ $property->property_id }}" />
                                        <input type="hidden" name="check_in" value="{{ $check_in }}" />
                                        <input type="hidden" name="check_out" value="{{ $check_out }}" />
                                        <input type="hidden" name="room" value="{{ $room }}" />
                                        <input type="hidden" name="guest" value="{{ $guest }}" />
                                        <input type="hidden" name="rms_promo_id" id="rms_promo_id"  />
                                        <div class="checkout-promocode-section">
                                            <input type="text" name="promo_code" placeholder="Promocode" data-lang="en" class="promo-code" value="{{$promo_code}}">
                                            <button type="submit" class="btn btn-yellow">Apply</button>
                                        </div>
                                    </form>
                                </div>--}}
                                
                            </div>
                        @else
                        <form method="POST" action="{{ route('confirm') }}">
                            @csrf
                            <input type="hidden" name="property_id" value="{{ $property->property_id }}" />
                            <input type="hidden" name="check_in" value="{{ $check_in }}" />
                            <input type="hidden" name="check_out" value="{{ $check_out }}" />
                            <input type="hidden" name="room" value="{{ $room }}" />
                            <input type="hidden" name="guest" value="{{ $guest }}" />
                            <div class="form-grouph submit-design">
                                <input type="submit" value="Submit Query" class="btn" onclick="$loading.show()">
                            </div>
                        </form>
                        @endif
                        
                      </div>
                </div>
            </div>
            <aside class="col-lg-4 col-md-12 car mb-4">
                <div class="single widget checkout-sidebar">
                    <!-- Start: Schedule a Tour -->
                    <div class="schedule widget-boxed mt-30">
                        <div class="widget-boxed-header">
                            <h4><i class="fa fa-calendar pr-3 padd-r-10"></i>Booking Details</h4>
                        </div>
                        <div class="widget-boxed-body">
                            <div class="checkin-checkout-details">
                                <p>Check-In Date: <strong>{{ $check_in }}</strong></p>
                                <p>Check-Out Date: <strong>{{ $check_out }}</strong></p>
                                <p>No of Days: <strong>{{ $days }}</strong></p>
                                <p>Guests: <strong>{{ $guest }}</strong></p>
                                <p>Rooms: <strong>{{ $room }}</strong></p>

                                @php
                                    $base_rate              = $property->total_rate_with_selected_dates - $property->discount_with_selected_dates;
                                    $discount              = $property->discount_with_selected_dates;
                                    $tourism_fee            = 0;//$days*($property->tourism_fee);

                                    $rms_cleaning_fee       = $property->rms_cleaning_fee;
                                    $tax                    = $property->total_rate_tax_with_selected_dates;//calculateTaxPercentage($base_rate + $rms_cleaning_fee);
                                    $sub_total              = $base_rate + $rms_cleaning_fee + $tax + $tourism_fee;
                                    $booking_fee            = 0;//number_format($sub_total * ($property->booking_fee / 100));
                                    $total                  = $sub_total + $booking_fee;
                                @endphp
                                <p>Base Rate: <strong>{{ amount_currency($property->total_rate_with_selected_dates) }}</strong></p>
                                @if(isset($promo_code) && $discount > 0)
                                    <p>Applie Promo Code: <strong>{{ $promo_code }}</strong></p>
                                @endif
                                @if($discount > 0)
                                    <p>Discount: <strong>{{ amount_currency($discount) }}</strong></p>
                                @endif
                                <p>Taxes: <strong>{{ amount_currency($tax) }}</strong></p>

                                @if($rms_cleaning_fee > 0)
                                    <p>Cleaning Fee: <strong>{{ amount_currency($rms_cleaning_fee) }}</strong></p>
                                @endif

                                @if($tourism_fee > 0)
                                    <p>Tourism Fee: <strong>{{ amount_currency($tourism_fee) }}</strong></p>
                                @endif
                                @if($booking_fee > 0)
                                    <p>Service Fee: <strong>{{ amount_currency($booking_fee) }}</strong></p>
                                @endif
                                <p>Total: <strong>{{ amount_currency($total) }}</strong></p>
                            </div>

                            <div class="checkin-checkout-details mt-4">
                                @if($property->special_notes)
                                    <strong>Special Notes:</strong> <br> <p>{{ $property->special_notes }}</p>
                                @endif
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-4 mb-2">
                            <div class="form-grouph submit-design">
                            @if(Auth::user())
                                <input type="submit" form="checkout_submit" value="Book Now" class="btn reservation btn-radius theme-btn full-width mrg-top-10" onclick="$loading.show()">
                                @else
                                <!-- <button type="button" class="btn reservation btn-radius theme-btn full-width mrg-top-10">Book Now</button> -->
                                <a href="#" class="btn login_check reservation btn-radius theme-btn full-width mrg-top-10 show-reg-form modal-open"> Book Now </a>
                                
                            @endif

                            </div>
                        </div>
                    </div>
                    
                    <!-- End: Schedule a Tour -->
                </div>
            </aside>
        </div>
    </div>
</section>

@endsection 


@section('script')
<script>
    $(".dropdown-filter").on("click", function () {
        $(".explore__form-checkbox-list").toggleClass("filter-block");
    });
</script>
@endsection