@extends('layouts.site')
@section('content')

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
 <!---------------------------------------------------------------->
 @php
            list($currency_code,$curr_symbol, $exchange_rate,$name,$slug,$detail)= getData();

            @endphp
            <!----------------------------------------------------------------> 
<!-- breadcrumb start -->

<div class="breadcrumb-area bg-overlay-2 direction" style="background-image:url({{asset('assets/front/img/contact.png')}}">
    <div class="container">
    <div class="breadcrumb-inner">
            <div class="section-title">
                <h2 class="page-title"> تفاصيل   </h2>
                <ul class="page-list">
                    <li><a href="{{route('home_index')}}">{{__('Home')}}</a></li>
                    <li> @isset($advertisment)

                        <a href="{{route('advertisments',['slug'=>$advertisment->category ->$slug,'type'=>'category'] )}}">{{ $advertisment->category -> $name }}</a> /

                        {{$advertisment->$name}}
                        @endisset
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- breadcrumb end -->

<div class="signin-page-area pd-top-120 pd-bottom-120" id="particles-js" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1200">
    <div class="container">
        <div class="row justify-content-center">
           
            <!------------------------------------------------------------>
            <!------------------------------------------------------------>
            @if(Session::has('start_date') && (Session::has('end_date')) && (Session::has('advertisment_id')))

            <!------------------------------------------------------------>
            @php

            $start_date=(Session::get('start_date')) ;
            $end_date=(Session::get('end_date')) ;
            $from_date = Carbon\Carbon::parse($start_date); // now from_date is a carbon instance
            $to_date =Carbon\Carbon::parse($end_date); // now to_date is a carbon instance
            if($from_date < $to_date){ $date=($from_date->diff(Carbon\Carbon::parse($to_date)));
                $numberofDays = $date->format('%a')+1;
                }else{
                $numberofDays = 1;
                }
                $lang=app()->getLocale();
                $name='name_'.$lang;

                @endphp

                <div class="col-xl-9 col-lg-10">




                    <div>
                        {{-- @include('front.addresses.checkout_cart_items')--}}
                        <form class="signin-inner" method="post" action="{{route('site.checkoutPost')}}">
                            @csrf
                            <input type="hidden" name="amount" value="{--{$amount--}}">
                            <div class="row">
                                <div class="col-12 login">
                                    <!--   <h3 class="weight"> reservation information </h3> -->
                                    <h4 class="widget-title">تفاصيل الحجز</h4>
                                </div>



                                <div class="col-12 mb-4">
                                    <p>لن نخصم رسوم الحجز في هذه المرحلة</p>

                                    <table id="table" style="width:500px">
                                        <tbody>

                                            <tr>
                                                <td> start Date </td>
                                                <td>{{$start_date}} </td>
                                            </tr>
                                            <tr>
                                                <td> End Date </td>
                                                <td> {{$end_date}}</td>
                                            </tr>



                                            <tr>
                                                <td>Day price </td>
                                                <td><span>{{$price_now=(round($advertisment['discount_price']/$exchange_rate,2) ?? round($advertisment['price']/$exchange_rate,2)) }} {{$curr_symbol}}
                                                    </span>

                                                </td>

                                            </tr>
                                            <tr>
                                                <td> number of Days </td>
                                                <td><span> {{$numberofDays}} </span<span>ليالى</span> </td>
                                            </tr>



                                            @php $subTotal = ( $price_now * $numberofDays) @endphp
                                            {{ Session::put('subTotal',$subTotal)}}
                                            <tr>
                                                <th>المجموع قبل الضرائب subTotal</th>
                                                <th> {{$subTotal}} {{$curr_symbol}}</th>
                                            </tr>

                                            @php $tax = Session::get('tax');
                                            $tax_amount = Session::get('tax_amount') ?? 0;
                                            $grand_total=$subTotal+ $tax_amount;

                                            @endphp



                                            <tr>
                                                <td>الضرائب tax (Vat)</td>
                                                <td> {{$tax_amount}} {{$curr_symbol}}


                                                </td>
                                            </tr>



                                        </tbody>
                                        <tfoot>


                                            <tr>
                                                <th> الاجمالى Grand total </th>
                                                <th> {{$grand_total}} {{$curr_symbol}}</th>

                                                @php Session::put('grand_total',$grand_total)

                                                @endphp


                                        </tfoot>

                                    </table>
                                </div>


                                <div class="col-12 login">

                                    <h4 class="widget-title"> Personal Information </h4>
                                </div>
                                <div class="col-10">
                                    <label class="single-input-inner style-bg-border">

                                        Place Name : {{ $advertisment["name_".$lang]}}


                                    </label>
                                </div>
                                <div class="col-10">
                                    <label class="single-input-inner style-bg-border">

                                        category : {{ $advertisment->category -> $name }}


                                    </label>
                                </div>
                                <div class="col-10">
                                    <label class="single-input-inner style-bg-border">

                                        city: {{$advertisment->city->$name}}


                                    </label>
                                </div>


                                <div class="col-10">
                                    <label class="single-input-inner style-bg-border"> Name
                                        <input type="text" name="user_name" value="{{ Auth::user()->name }}" required>

                                        @error('user_name')
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror


                                    </label>
                                </div>
                                <div class="col-10">
                                    <label class="single-input-inner style-bg-border"> Mobile
                                        <input type="number" name="mobile" value="{{ Auth::user()->mobile }}" required>

                                        @error('mobile')
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror

                                    </label>
                                </div>

                                <div class="col-10">
                                    <label class="single-input-inner style-bg-border"> Address
                                        <input type="text" name="address" value="{{ Auth::user()->address }}" required>
                                        @error('address')
                                        <span class="text-danger" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror


                                    </label>
                                </div>




                                <div class="col-10" align="center">
                                    <label class="single-checkbox-inner">

                                        <strong> Payment Methods </strong>
                                    </label>
                                </div>
                                <div class="col-3"> <input class="form-check-input" type="radio" name="pay_type" value="Cash" checked>
                                    <label class="single-input-inner style-bg-border" style="margin-right:30px;">Cash
                                    </label>


                                </div>


                                <div class="col-3"><input class="form-check-input" type="radio" name="pay_type" value="Visa">
                                    <label class="single-input-inner style-bg-border" style="margin-right:30px;">Visa
                                    </label>

                                </div>
                                <div class="col-3"> <input class="form-check-input" type="radio" name="pay_type" value="Master Card" >
                                    <label class="single-input-inner style-bg-border" style="margin-right:30px;">Master Card
                                    </label>


                                </div>

                                <div class="col-12 mb-4">

                                    <button class="btn btn-base w-100" type="submit">PLACE ORDER</button>
                                </div>

                            </div>
                        </form>
                    </div>
                </div>
                @else
                <div class="col-12 login">
                                  
                                    <h4 class="widget-title">   There Are No Reservation  </h4>
                                </div>
                 
                @endif
        </div>
    </div>


    @stop
    @section('scripts')

    <script>
        function myFunction() {
            var x = document.getElementById("myInput");
            if (x.type === "password") {
                x.type = "text";
            } else {
                x.type = "password";
            }
        }
    </script>

    @stop