@extends('layouts.main')

@section('title', 'Balance')

@section('css') @endsection

@section('nav')
    @include('layouts.nav')
@endsection

@section('content')

    <!-- Main-body start -->
    <div class="main-body">
        <div class="page-wrapper">


            <!-- Page header start -->
            <div class="page-header">
                <div class="page-header-title">
                    <h2>Finance</h2>
                </div>

                <div class="page-header-breadcrumb">
                    <ul class="breadcrumb-title">
                        <li class="breadcrumb-item">
                            <a href="{{ url('/') }}">
                                <i class="icofont icofont-home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="#!">Balance</a>
                        </li>
                    </ul>
                </div>

            </div> <!-- Page header end -->


            <!-- main contenr -->
            <div class="row">
                <div class="col-md-9">

                    <div class="card table-card widget-primary-card balance-summary">

                        <div class="row-table balance-total"
                             style="background-color:#eeeeee; ">
                            <div class="col-sm-3">
                                <h5>Hotel Collects</h5>
                            </div>
                        </div>

                        <div class="row-table balance-breakdown">
                            <div class="col-sm-12">
                                <div>Pay At Hotel <span
                                            class="pull-right">${{ number_format(abs($bookings->where('payment_status', 'Hotel Collects')->sum('payable')), 2) }}</span>
                                </div>
                                <div>Payments made to Yohobed <span
                                            class="pull-right">$-{{ number_format($TotalReceivedPayments, 2) }}</span>
                                </div>
                                <div class="sub-balance"> <span
                                            class="pull-right">${{ number_format(abs(($bookings->where('payment_status', 'Hotel Collects')->sum('payable') + $TotalReceivedPayments)), 2) }}</span>
                                </div>
                            </div>
                        </div>

                        <div class="row-table balance-total"
                             style="background-color:#eeeeee; ">
                            <div class="col-sm-3">
                                <h5>Yoho Collects</h5>
                            </div>
                        </div>

                        <div class="row-table balance-breakdown">
                            <div class="col-sm-12">
                                <div>Paid Online <span
                                            class="pull-right">${{ number_format($totalBaseAmountPaidOnline, 2) }}</span>
                                </div>
                                <div>Payments made to Property <span
                                            class="pull-right">$-{{ number_format($TotalsentPayments, 2) }}</span></div>
                                <div class="sub-balance"> <span
                                            class="pull-right">${{ number_format(abs($totalBaseAmountPaidOnline - $TotalsentPayments), 2) }}</span>
                                </div>
                            </div>
                        </div>

                        <div class="row-table balance-total"
                             style="background-color:@if((($totalBaseAmountPaidOnline - $TotalsentPayments) + ((($bookings->where('payment_status', 'Hotel Collects')->sum('payable')) + $TotalReceivedPayments))) < 0) #E74C3C @else #009B06 @endif; ">
                            <div class="col-sm-6 summary-title">
                                <h3>Balance <span style="font-size: 14px"> @if((($totalBaseAmountPaidOnline - $TotalsentPayments) + ((($bookings->where('payment_status', 'Hotel Collects')->sum('payable')) + $TotalReceivedPayments))) < 0) (Pay to Yoho) @else() (Pay to Property) @endif</span></h3>
                            </div>

                            <div class="col-sm-6 balance-amount">
                                <h3>
{{--                                    ${{ abs(number_format((($totalBaseAmountPaidOnline - $TotalsentPayments) + ((($bookings->where('payment_status', 'Hotel Collects')->sum('payable')) + $TotalReceivedPayments))), 2)) }}--}}
                                    ${{ number_format(abs((($totalBaseAmountPaidOnline - $TotalsentPayments) + ($bookings->where('payment_status', 'Hotel Collects')->sum('payable') + $TotalReceivedPayments))), 2) }}
                                </h3>
                                {{--<p style="margin-bottom:0;">Yoho Commission: <span>{{ $totalYohoCommission }} LKR</span></p>--}}
                                {{--<p style="margin-bottom:0;">OTA Commission: <span>{{ $totalOTACommission }} LKR</span></p>--}}
                            </div>
                        </div>

                        {{--<div class="row-table balance-breakdown">--}}
                            {{--<div class="col-sm-6 paytoyoho">--}}
                                {{--<div>Hotel Collects <span--}}
                                            {{--class="pull-right">${{ number_format(($bookings->where('payment_status', 'Hotel Collects')->sum('payable')), 2) }}</span>--}}
                                {{--</div>--}}
                                {{--<div>Property paid to Yoho Bed <span--}}
                                            {{--class="pull-right">${{ number_format($TotalReceivedPayments, 2) }}</span>--}}
                                {{--</div>--}}
                                {{--<div class="sub-balance">Balance <span--}}
                                            {{--class="pull-right">${{ number_format(($bookings->where('payment_status', 'Hotel Collects')->sum('payable') + $TotalReceivedPayments), 2) }}</span>--}}
                                {{--</div>--}}
                            {{--</div>--}}

                            {{--<div class="col-sm-6 paytoproperty">--}}
                                {{--<div>Yoho Collects <span--}}
                                            {{--class="pull-right">${{ number_format($totalBaseAmountPaidOnline, 2) }}</span>--}}
                                {{--</div>--}}
                                {{--<div>Yoho Bed paid to property <span--}}
                                            {{--class="pull-right">$-{{ number_format($TotalsentPayments, 2) }}</span></div>--}}
                                {{--<div class="sub-balance">Balance <span--}}
                                            {{--class="pull-right">${{ number_format(($totalBaseAmountPaidOnline - $TotalsentPayments), 2) }}</span>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    </div>


                </div>

                <div class="col-md-3">
                    <p>All the prices are in US Dollars </p>
                    <p>Reservations starting from July-2018 onwards. </p>
                    <p>
                        <span class="green-sqaure"></span>
                        <span class="color-green">Yoho Bed has to pay to the Property </span>

                    </p>
                    <p>
                        <span class="red-sqaure"></span>
                        <span class="color-red ">Property owner has to pay to Yoho Bed</span>

                    </p>

                </div>


            </div>

            <a href="{{ url('how-to-pay') }}">
                <h5>How To Pay ?</h5>
            </a>

            <div class="row">
                <div class="col-lg-12 col-xl-12">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs md-tabs" role="tablist">
                        <li class="nav-item tab-width">
                            <a class="nav-link active" data-toggle="tab" href="#home3" role="tab">Hotel Collects</a>
                            <div class="slide" style="width:20%;"></div>
                        </li>
                        <li class="nav-item tab-width">
                            <a class="nav-link" data-toggle="tab" href="#profile3" role="tab">Yoho Collects/Bank
                                Transfer</a>
                            <div class="slide" style="width:20%"></div>
                        </li>
                        <li class="nav-item tab-width">
                            <a class="nav-link" data-toggle="tab" href="#messages3" role="tab">Settlement made to Yohobed</a>
                            <div class="slide" style="width:20%"></div>
                        </li>
                        <li class="nav-item tab-width">
                            <a class="nav-link" data-toggle="tab" href="#messages4" role="tab">Settlement made to Property</a>
                            <div class="slide" style="width:20%"></div>
                        </li>
                        <li class="nav-item tab-width">
                            <a class="nav-link" data-toggle="tab" href="#settings3" role="tab">Referral</a>
                            <div class="slide" style="width:20%"></div>
                        </li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content card-block">
                        <div class="tab-pane active" id="home3" role="tabpanel">
                            <div class="row">
                                <div class="col-md-6">
                                    <p style="font-weight:600">All the prices are in US Dollars </p>

                                </div>

                                <div class="col-md-6">
                                    <p class="pull-right">
                                        <span class="green-sqaure"></span>
                                        <span class="color-green">Yoho Bed has to pay to the Property </span>

                                        <span class="red-sqaure m-l-30"></span>
                                        <span class="color-red ">Property owner has to pay to Yoho Bed</span>

                                    </p>


                                </div>

                                <div class="col-md-12">
                                    <!--  <h6>Balance Breakdown for Hotel Collects</h6> -->

                                    <table class="table table-bordered table-striped display nowrap" id="example">
                                        <thead>
                                        <th>Booking ID</th>
                                        {{--<th>Booked Date</th>--}}
                                        <th>Checkin</th>
                                        <th>Checkout</th>
                                        {{--<th>Exchange Rate</th>--}}
                                        <th>Customer</th>
                                        <th>Channel</th>
                                        <th>Selling Price</th>
                                        <th>Base Price <br><small>(including taxes)</small></th>
                                        <th>Genius/MOD Discount</th>
                                        {{--<th>Deals/Surplus</th>--}}
                                        <th>Yoho Commission</th>
                                        <th>OTA Commission</th>
                                        <th>Amount</th>

                                        </thead>
                                        <tbody>
                                                                                @foreach($bookings as $key => $booking)
                                            <!-- @if($booking->payment_status == 'Hotel Collects') -->
                                                <tr>