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

@include('layouts.top-header', [
'title' => __('Invoice'),
'class' => 'col-lg-7'
])

<div class="container-fluid mt--6">
    <div class="row mb-5">
        <div class="col">
            <div class="card pb-4">
                <div class="card-header border-0">
                    <span class="h3">{{__('Invoice')}}</span>
                    <div class="">
                        @if (Auth::user()->role == 1)
                        <a class="btn btn-primary addbtn float-right p-2 px-3" target="_blank" href="{{url('/admin/users/invoice/print/'.$booking->id)}}" id="print_invoice">{{__('Print')}}</a>
                        @else
                        <a class="btn btn-primary addbtn float-right p-2 px-3" target="_blank" href="{{url('/owner/booking/invoice/print/'.$booking->id)}}" id="print_invoice">{{__('Print')}}</a>
                        @endif
                    </div>
                </div>
                <div class="card shadow mx-auto w-65">
                    <div class="card-body px-5 py-4">
                        <div class="row mb-5">
                            <div class="col text-center center">
                                <h1 class="pt-1 font-size-27">{{__('Invoice')}}</h1>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-6 text-left">
                                <h3>{{__($businessLabelTitleCase . ' Details')}}</h3>
                                <div class="font-weight-bold">{{$booking->business->name}}</div>
                                <div>{{$booking->business->address}},</div>
                                <div>{{$booking->business->city}} - <span></span>{{$booking->business->zipcode}},</div>
                                <div>{{$booking->business->state}},</div>
                                <div>{{$booking->business->country}}</div>
                            </div>
                            <div class="col-6 text-right">
                                <img src="{{asset('storage/images/business logos/'.$booking->business->logo)}}" id="black_logo_output" class="mt-2 logo_size rtl-float-left">
                            </div>
                        </div>

                        <hr class="my-4" />

                        <div class="row">
                            <div class="col-6 text-left">
                                <h3>{{__('Invoice to')}}</h3>
                                <div class="font-weight-bold">{{$booking->user->name}}</div>
                                <div>{{$booking->user->email}}</div>
                                <div>{{$booking->user->code}}{{$booking->user->phone}} </div>
                            </div>
                            <div class="col-6 text-right rtl-p">
                                <p class="strong">{{__('Booking ID :')}} <span class="font-weight-normal">{{$booking->booking_id}}</span> </p>
                                <p class="strong mt--3">{{__('Booking Date :')}} <span class="font-weight-normal">{{$booking->date}}</span> </p>
                                <p class="strong mt--3">{{__('Booking Time :')}}<span class="font-weight-normal">{{$booking->start_time}}</span> </p>
                                <p class="strong mt--3">{{__('Payment Type :')}} <span class="font-weight-normal">{{__($booking->payment_type)}}</span> </p>
                                <p class="strong mt--3">{{__('Booking Status :')}} <span class="font-weight-normal">{{__($booking->booking_status)}}</span> </p>
                            </div>
                        </div>

                        <div class="table-responsive my-4">
                            <table class="table align-items-center table-flush">
                                <thead class="thead-light">
                                    <tr>
                                        <th scope="col" class="sort">{{__('#')}}</th>
                                        <th scope="col" class="sort">{{__('Service Name')}}</th>
                                        <th scope="col" class="sort">{{__('Price')}}</th>
                                    </tr>
                                </thead>
                                <tbody class="list">
                                    @php
                                    $total = 0;
                                    @endphp
                                    @foreach ($booking->services as $service)
                                    <tr>
                                        <th>{{$loop->iteration}}</th>
                                        <td>{{$service->name}}</td>
                                        <td>{{$symbol}}{{$service->price}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @php
                        $subtotal = $booking->payment;
                        $subtotal = $subtotal - $booking->extra_charges;
                        $subtotal = $subtotal + $booking->discount;
                        @endphp


                        <div class="text-right">
                            <p class="strong">{{__('Total :')}} <span class="font-weight-normal">{{$symbol}}{{$subtotal}}</span> </p>

                            @if ($booking->booking_at == "Home")
                            <p class="strong mt--3">{{__('Extra Charges :')}} <span class="font-weight-normal">{{$symbol}}{{$booking->extra_charges}}</span> </p>
                            @endif

                            @if ($booking->discount != 0)
                            <p class="strong mt--3">{{__('Coupon Discount :')}} <span class="font-weight-normal">-{{$symbol}}{{$booking->discount}}</span> </p>
                            @endif

                            <p class="strong mt--3">{{__('Total Payment :')}} <span class="font-weight-normal">{{$symbol}}{{$booking->payment}}</span> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection