@extends('Layouts.Invoice')

@section('content')
    <div id="page">
        <header>
            <h1 class="m-0">ملخـــــــــص الحجــــــــــز</h1>
            <h2 class="m-0">Reservation summary</h2>
        </header>

        <div class="thick-divider"></div>

        <div class="column-container">
            <div class="column">
                <h3>التاريخ</h3>
                <p>{{$invoice->created_at->format('d/m/Y')}}</p>
            </div>

            <div class="column">
                <h3>Date</h3>
                <p>{{$invoice->created_at->format('d/m/Y')}}</p>
            </div>
        </div>

        <div class="column-container">
            <div class="column">
                <h3>البائع(المضيف)</h3>
                <p>{{$invoice?->unit?->partner?->name}}</p>
            </div>

            <div class="column">
                <h3>Host (Vendor)</h3>
                <p>{{$invoice?->unit?->partner?->name}}</p>
            </div>
        </div>

        <div class="column-container">
            <div class="column">
                <h3>عنوانه</h3>
                <p>المملكة العربية السعودية {{$invoice->unit->city->province->name_ar}}, {{$invoice->unit->city->name_ar}}, {{$invoice->unit->details->region}}</p>
            </div>

            <div class="column">
                <h3>Address</h3>
                <p>Kingdom of Saudi Arabia {{$invoice->unit->city->province->name_en}}, {{$invoice->unit->city->name_en}}</p>
            </div>
        </div>

        <div class="column-container">
            <div class="column">
                <h3>المشتري(الضيف)</h3>
                <p>{{$invoice->user->name}}</p>
            </div>

            <div class="column">
                <h3>Buyer (Client)</h3>
                <p>{{$invoice->user->name}}</p>
            </div>
        </div>

        <div class="column-container">
            <div class="column">
                <h3>الطاقه الاستيعابية</h3>
                <p>{{trans_choice('code.persons_count', $invoice->unit->details->capacity)}}</p>
            </div>

            <div class="column">
                <h3>Capacity</h3>
                <p>5 persons</p>
            </div>
        </div>

        <div class="semi-thick-divider"></div>

        <div class="column-container">
            <div class="column">
                <h3>البيان</h3>
                <p>حجز رقم: {{$invoice->fake_id}}</p>
                <p>عدد الليالي: {{$diff}}</p>
            </div>

            <div class="column">
                <h3>اجمالي السعر</h3>
                <p>{{currency($invoice->total)}}</p>
            </div>
        </div>

        <div class="thick-divider"></div>

        <header>

            <div class="column-container">
                <div class="column">
                    <img src="{{asset('assets/images/brand/vertical-logo.png')}}" alt="Mabeet Logo">
                </div>

                <div class="column text-center">
                    <h2 class="text-dark m-0">فـــاتـــورة ضريبيـــة مبسطـــة</h2>
                    <h2 class="text-dark m-0">Simplified Tax Invoice</h2>
                </div>
            </div>

        </header>


        <section class="right-sided-table">
            <div class="column-container">
                <div class="column">
                    <h3>رقــــــــــم الفاتـــــــــورة</h3>
                    <h3>Invoice Number</h3>
                </div>

                <div class="column">
                    {{$invoice->code}}
                </div>
            </div>

            <div class="column-container">
                <div class="column">
                    <h3>تاريـــخ الفاتـــورة</h3>
                    <h3>Invoice Date</h3>
                </div>

                <div class="column">
                    {{$invoice->created_at->format('d-m-Y')}}
                </div>
            </div>

            <div class="column-container">
                <div class="column">
                    <h3>البائــــــــــع</h3>
                    <h3>Vendor</h3>
                </div>

                <div class="column">
                    شركة المبيت للسفر والسياحة
                </div>
            </div>

            <div class="column-container">
                <div class="column">
                    <h3>عنــــوانــــــه</h3>
                    <h3>Address</h3>
                </div>

                <div class="column flex-column">
                    <p >المملكة العربية السعودية - جدة - الصفا</p>
                    <p class="text-muted">Kingdom of Saudi Arabia Jeddah Alsafaa Dist.</p>
                </div>
            </div>

            <div class="column-container">
                <div class="column">
                    <h3>الرقـــم الضريبـــي للبائــــع</h3>
                    <h3>Vendor tax number</h3>
                </div>

                <div class="column">
                    <p>311871525300003</p>
                </div>
            </div>

            <div class="column-container">
                <div class="column">
                    <h3>المشتري (الضيف)</h3>
                    <h3>Buyer ( Client )</h3>
                </div>

                <div class="column">
                    <p>{{$invoice->user->name}}</p>
                </div>
            </div>

        </section>

        <div class="thick-divider"></div>

        <table id="final-table">
            <thead>
            <tr>
                <th>البيان</th>
                <th>الكمية</th>
                <th>السعر قبل الضريبة</th>
                <th>اجمالي الضريبة</th>
                <th>اجمالي السعر شامل الضريبة</th>
            </tr>
            </thead>

            <tbody>
            <tr>
                <td></td>
                <td>1</td>
                <td>{{currency($invoice->customer_fees)}}</td>
                <td>{{currency($invoice->customer_taxes)}}</td>
                <td>{{currency($invoice->customer_fees + $invoice->customer_taxes)}}</td>
            </tr>
            </tbody>
        </table>

        <div class="semi-thick-divider"></div>

        <section class="right-sided-table">
            <div class="column-container">
                <div class="column">
                    <h3>اجمالي المبلغ الخاضع للضريبة</h3>
                    <h3>The total taxable amount</h3>
                </div>

                <div class="column">
                    {{currency($invoice->customer_fees)}}
                </div>
            </div>

            <div class="column-container">
                <div class="column">
                    <h3>ضريبة القيمة المضافة (15%)</h3>
                    <h3>Value Added Tax (15%)</h3>
                </div>

                <div class="column">
                    {{currency($invoice->customer_taxes)}}
                </div>
            </div>

            <div class="column-container">
                <div class="column">
                    <h3>المجموع مع الضريبة (15%)</h3>
                    <h3>Total with tax (15%)</h3>
                </div>

                <div class="column">
                    {{currency($invoice->customer_fees + $invoice->customer_taxes)}}
                </div>
            </div>
        </section>

    </div>
@endsection