@extends('admin.layout.app')
@section('title', 'Tax Invoice')
@push('headerscript')
    <style>
        .table-without-border > tbody > tr > td {
            padding: 0px !important;
            line-height: 1.5;
            vertical-align: top;
        }

        .detail-text {
            color: black;
            font-size: 14px;
            font-weight: bold;
        }

        .detail-text1 {
            color: black;
            font-size: 14px;
            padding-left: 5px;
        }

        .page-footer {
            bottom: 0 !important;
            position: absolute;
            width: 98%;
        }

        .arabic-font {
            margin-right: 20px !important;
            font-family: 'Noto Sans Arabic';
            font-size: 11px;
            color: black;
        }

        @media (max-width: 600px) {
            #logo_image {
                width: 200px;
            }

            /* .table-bordered-custom{
                width: 80%;
            } */

        }

        @media only screen and (min-width: 768px) and (max-width: 1024px) {
            #logo_image {
                width: 140px;
                margin-bottom: 20px;
            }

        }
    </style>
@endpush
@section('content')
    <div class="content" style="color: black">
        <div class="container">
            <div class="row">
                <div class="col-xs-6">
                    <h4 class="page-title">Tax Invoice</h4>
                </div>
                <div class="col-xs-6 text-right">
                    <ol class="breadcrumb">
                        <li>
                            <a href="{{ route('billing-job-card.index') }}">List</a>
                        </li>
                        <li>
                            <a href="{{ route('billing-job-card.edit', $job_card->id) }}">Edit</a>
                        </li>
                        <li>
                            <a href="{{ route('billingJobCardPdfView', $job_card->id) }}" target="_blank"
                               class="btn btn-inverse waves-effect waves-light"><i class="fa fa-print"></i></a>
                        </li>
                        <li>
                            <button onclick="sendEmail({{$job_card->id}}, 'billing-job-card','{{ $job_card->customer ? $job_card->customer->email : '' }}')" title="send email"
                                    class="btn btn-danger waves-effect waves-light"><i class="fa fa-envelope"></i>
                            </button>
                        </li>
                        <li>
                            <button
                                onclick="whatsapp('{{ $job_card->customer ? $job_card->customer->contact_number : '' }}')"
                                title="whatsapp" class="btn btn-success waves-effect waves-light">
                                <i class="fa fa-whatsapp"></i>
                            </button>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-xs-12 col-sm-12">
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-4 col-sm-4  col-xs-12">
                                    <div class="">
                                        <p>
                                            <img src="{{ url('storage/' . Helper::getBusinessData()->logo_image) }}"
                                                 alt="logo" width="200" id="logo_image">
                                        </p>
                                    </div>
                                </div>
                                <div class="col-md-8 col-sm-8  col-xs-12">
                                    <div class="text-center">
                                        <h2 class="text-black">{{ Helper::getBusinessData()->business_name }}</h2>
                                        <h4 class="text-black">{{ Helper::getBusinessData()->address }}</h4>
                                        <h4 class="text-black">{{ Helper::getBusinessData()->email_id }}
                                            {{ Helper::getBusinessData()->web_link }}
                                            {{ Helper::getBusinessData()->contact_no }}</h4>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="m-h-50"></div>
                            <hr style="border-top: 2px solid black;" class="m-0">
                            <div class="row m-auto">
                                <div class="col-md-4 col-xs-12 m-l-15">
                                    <p class="pull-left"><strong>Invoice
                                            :</strong>
                                        {{ $job_card->job_category == 'insurance' ? $job_card->insurance_invoice_no : $job_card->bill_no }}
                                    </p>
                                </div>
                                <div class="col-md-3 col-xs-12">
                                    <h3 class="text-center m-0">TAX INVOICE</h3>
                                </div>
                                <div class="col-md-2 col-xs-6">
                                    <p class="pull-left"><strong>JobCard :</strong> {{ $job_card->job_card_number }}</p>
                                </div>
                                <div class="col-md-2 col-xs-6">
                                    <p class="text-right"><strong>
                                            Date: </strong> {{ date('d-M-Y', strtotime($job_card->bill_date)) }}
                                    </p>
                                </div>
                            </div>
                            <hr style="border-top: 2px solid black;" class="m-0">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="table-responsive  p-l-r-10">
                                        <table class="table-without-border">
                                            <thead>
                                            <tr>
                                                <th style="width: 7%"></th>
                                                <th style="width: 70%"></th>
                                                <th style="width: 7%"></th>
                                                <th style="width: 20%"></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Name</span>
                                                </td>
                                                <td>
                                                    : <span class="detail-text1">{{ $job_card->customer?->name }}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Plate No.</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $job_card->customerVehicle ?  $job_card->customerVehicle->plate_number:' ' }}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Contact</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $job_card->customer?->contact_number }}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Emirates</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $job_card->customerVehicle->emirates }}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">Address</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $job_card->customer?->address }}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Brand</span>

                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $job_card->customerVehicle->vehicleBrand->vehicle_brand }}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">VIN No.</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $job_card->customerVehicle->vin_number }}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Model</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $job_card->customerVehicle->vehicleModel->vehicle_model }}</span>
                                                </td>
                                            </tr>
                                            <tr class="m-t-5">
                                                <td>
                                                    <span class="detail-text">TRN</span>
                                                </td>
                                                <td>
                                                    : <span
                                                        class="detail-text1">{{ $job_card->customer?->vat_number }}</span>
                                                </td>
                                                <td>
                                                    <span class="detail-text">Created By</span>
                                                </td>
                                                <td>
                                                    : <span class="detail-text1">{{ $job_card->created_by }}</span>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                                                        @if (count($job_card->jobCardSpareParts) > 0)
                                <div class="row">
                                    <div class="col-md-12">
                                        <h4 class="p-b-0 m-b-0 m-t-0" style="color:black;font-weight: bold">Spare
                                            Parts</h4>
                                        <div class="table-responsive">
                                            <table class="table table-invoice">
                                                <thead>
                                                <tr>
                                                    <th style="width: 2%">No.</th>
                                                    <th style="width: 50%">Name</th>
                                                    <th style="width: 7%">Unit Price
                                                    </th>
                                                    <th style="width: 5%">Qty.
                                                    </th>
                                                    <th style="width: 5%">Amount
                                                    </th>
                                                    <th style="width: 5%">Discount
                                                    </th>
                                                    <th style="width: 10%">Gross Amount
                                                    </th>
                                                    <th style="width: 6%">5% VAT
                                                    </th>
                                                    <th style="width: 10%">Net Amount
                                                    </th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @foreach ($job_card->jobCardSpareParts as $job_card_detail)
                                                    <tr>
                                                        <td>
                                                            {{ $j . '.' }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->sparePart->part_description }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->sp_selling_price }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->quantity }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->sp_total }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->sp_discount }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->sp_total - $job_card_detail->sp_discount }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->sp_vat }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->sp_total_with_tax }}
                                                        </td>
                                                    </tr>
                                                                                                    @endforeach
                                                </tbody>
                                            </table>
                                            <p class="text-right"><strong>Total Spare Parts</strong>
                                                : {{ $total_spare_part }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                                                        @if (count($job_card->jobCardServices) > 0)
                                <div class="row">
                                    <div class="col-md-12">
                                        <h4 class="p-b-0 m-b-0 m-t-0" style="color:black;font-weight: bold">
                                            Services</h4>
                                        <div class="table-responsive">
                                            <table class="table table-invoice">
                                                <thead>
                                                <tr>
                                                    <th style="width: 10%">Sr. No.</th>
                                                    <th style="width: 40%">Work Description
                                                    </th>
                                                    <th style="width: 5%">Price
                                                    </th>
                                                    <th style="width: 5%">Time
                                                    </th>
                                                    <th style="width: 5%">Amount
                                                    </th>
                                                    <th style="width: 5%">Discount
                                                    </th>
                                                    <th style="width: 10%">Gross Amount
                                                    </th>
                                                    <th style="width: 6%">5% VAT
                                                    </th>
                                                    <th style="width: 10%">Net Amount
                                                    </th>
                                                </tr>
                                                </thead>
                                                <tbody>

                                                @foreach ($job_card->jobCardServices as $job_card_detail)
                                                    <tr>
                                                        <td>{{ $i }}</td>
                                                        <td>
                                                            {{ $job_card_detail->service->service_name }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->s_selling_price }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->s_time }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->s_total }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->s_discount }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->s_total - $job_card_detail->s_discount }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->s_vat }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_detail->s_total_with_tax }}
                                                        </td>
                                                    </tr>
                                                                                                    @endforeach
                                                </tbody>
                                            </table>
                                            <p class="text-right"><strong>Total Services</strong>:
                                                {{ number_format($total_service) }}</p>

                                        </div>
                                    </div>
                                </div>
                            @endif

                                                        @if (count($job_card->jobCardSubletServices) != 0)
                                <div class="row">
                                    <div class="col-md-12 col-xs-12">
                                        <h4 class="p-0 m-0" style="color: black; font-weight: bold">Sublet Service</h4>
                                        <div class="table-responsive" style="border: none;">
                                            <table class="table table-invoice m-0">
                                                <thead>
                                                <tr>
                                                    <th style="width: 10%">Sr. No.</th>
                                                    <th style="width: 40%"><strong>Sublet Description</strong></th>
                                                    <th style="width: 5%"><strong>Price</strong></th>
                                                    <th style="width: 5%"><strong>Time</strong></th>
                                                    <th style="width: 5%"><strong>Amount</strong></th>
                                                    <th style="width: 5%"><strong>Discount</strong></th>
                                                    <th style="width: 10%"><strong>Gross Amount</strong></th>
                                                    <th style="width: 6%"><strong>5% VAT</strong></th>
                                                    <th style="width: 10%"><strong>Net Amount</strong></th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                                                                @foreach ($job_card->jobCardSubletServices as $job_card_sublet_service)
                                                    <tr>
                                                        <td>
                                                            <span>{{ $i . '.' }}</span>
                                                        </td>
                                                        <td>
                                                            {{ $job_card_sublet_service->service->service_name }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_sublet_service->ss_selling_price }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_sublet_service->ss_time }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_sublet_service->ss_total_amount }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_sublet_service->ss_discount }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_sublet_service->ss_total_amount - $job_card_sublet_service->ss_discount }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_sublet_service->ss_vat }}
                                                        </td>
                                                        <td>
                                                            {{ $job_card_sublet_service->ss_total_with_tax }}
                                                        </td>
                                                    </tr>
                                                                                                    @endforeach
                                                </tbody>
                                            </table>
                                            <p class="text-right m-r-15 "><strong>Total Services </strong>
                                                : <strong>{{ $total_sublet_service }}</strong></p>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            <div class="row m-t-10">
                                <div class="col-md-8 col-sm-8 col-xs-7 col-md-offset-1">
                                    <h5>Notes</h5>
                                </div>
                                <div class="col-md-3 col-sm-3 col-xs-12 ">
                                    <div class="table-responsive">
                                        <table class="table-without-border m-b-0">
                                            <thead>
                                            <tr>
                                                <th style="width: 20%"></th>
                                                <th style="width: 10%"></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="m-t-10">
                                                <td>
                                                    Total AED
                                                </td>
                                                <td>

                                                    {{ number_format($sp_amount + $s_amount + $ss_amount, 2) }}

                                                </td>
                                            </tr>
                                            <tr class="m-t-10">
                                                <td>
                                                    Discount AED
                                                </td>
                                                <td>
                                                    {{ $sp_discount + $s_discount + $ss_discount }}
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <hr style="border-top: 2px solid black;" class="m-0">
                            <div class="row ">
                                <div class="col-md-8 col-sm-8 col-xs-12 col-md-offset-1">

                                </div>
                                <div class="col-md-3 col-xs-12">
                                    <div class="table-responsive">
                                        <table class="table-without-border m-b-0">
                                            <thead>
                                            <tr>
                                                <th style="width: 20%"></th>
                                                <th style="width: 10%"></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="m-t-10">
                                                <td>
                                                    Gross Total AED
                                                </td>
                                                <td>
                                                    {{ number_format($sp_amount + $s_amount + $ss_amount - ($sp_discount + $s_discount + $ss_discount), 2) }}
                                                </td>
                                            </tr>
                                            <tr class="m-t-10">
                                                <td>
                                                    5% VAT AED AED
                                                </td>
                                                <td>
                                                    {{ $s_vat + $sp_vat + $ss_vat }}
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <hr style="border-top: 2px solid black;" class="m-0">
                            <div class="row">
                                <div class="col-md-6 col-sm-6 col-xs-6">
                                    <div class="table-responsive">
                                        <table class="table-without-border m-b-0">
                                            <thead>
                                            <tr>
                                                <th style="width: 20%"></th>
                                                <th style="width: 70%"></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="m-t-10">
                                                <td>
                                                    <b>Amount in words </b>
                                                </td>
                                                <td>
                                                    <b>
                                                        @php
                                                            $total_amount = $job_card->net_amount;
                                                            $t_amount = new NumberFormatter(
                                                                'en',
                                                                NumberFormatter::SPELLOUT,
                                                            );
                                                            $num = explode('.', $total_amount);

                                                            function capitalizeWords($str)
                                                            {
                                                                return ucwords($str);
                                                            }

                                                            $amount_in_words =
                                                                capitalizeWords($t_amount->format($num[0]))
                                                             ;
                                                        @endphp
                                                        AED <span>{{ $amount_in_words }}</span>
                                                        @if (isset($num[1]))
                                                            {{ $num[1] > 0 ? 'And ' . $t_amount->format($num[1]) . ' Fils Only' : 'Only' }}
                                                        @endif
                                                    </b>
                                                </td>
                                            </tr>


                                            <tr class="m-t-10">
                                                <td>
                                                    <b> Payment Type : </b>
                                                </td>
                                                <td>
                                                    <b>{{ $job_card->payment_type }}</b>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-3 col-xs-6   col-md-offset-3">
                                    <div class="table-responsive">
                                        <table class="table-without-border m-b-0">
                                            <thead>
                                            <tr>
                                                <th style="width: 20%"></th>
                                                <th style="width: 10%"></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="m-t-10">
                                                <td>
                                                    <strong>Net Amount AED</strong>
                                                </td>
                                                <td>
                                                    <b>{{ number_format($sp_amount + $s_amount + $ss_amount + ($s_vat + $sp_vat + $ss_vat) - ($sp_discount + $s_discount + $ss_discount), 2) }}</b>

                                                </td>
                                            </tr>
                                            <tr class="m-t-10">
                                                <td>
                                                    Advance Amount AED
                                                </td>
                                                <td>
                                                    {{ $job_card->advance_amount }}
                                                </td>
                                            </tr>
                                            <tr class="m-t-10">
                                                <td>
                                                    Paid Amount AED
                                                </td>
                                                <td>
                                                    <b>{{ $job_card->paid_amount }}</b>
                                                </td>
                                            </tr>
                                            <tr class="m-t-10">
                                                <td>
                                                    Balance Amount AED
                                                </td>
                                                <td>
                                                    <strong>
                                                        {{ number_format(
                                                            $sp_amount +
                                                                $s_amount +
                                                                $ss_amount +
                                                                ($s_vat + $sp_vat + $ss_vat) -
                                                                ($sp_discount + $s_discount + $ss_discount) -
                                                                $job_card->advance_amount -
                                                                $job_card->paid_amount,
                                                            2,
                                                        ) }}
                                                    </strong>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <hr style="border-top: 2px solid black;" class="m-0">
                            <p>The repaired vehicle checked and received in good condition</p>
                            <div class="row m-t-50">
                                <div class="col-sm-3 col-md-3 col-xs-6 col-sm-offset-1">
                                                                        <p style="height: 50px"></p>
                                                                        <p class="text-center">-------------------------</p>
                                    <p class="text-center p-0"><strong>Customer Signature</strong></p>
                                </div>
                                <div class=" col-sm-3 col-md-3 col-xs-6 col-sm-offset-3">
                                    <p style="height: 50px"></p>
                                    <p class="text-center">-------------------------</p>
                                    <p class="text-center p-0"><strong>Auto Repairing LLC</strong></p>
                                </div>

                            </div>
                            <hr>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    @include('admin.advisor.models.sendMail')
    @include('admin.advisor.models.whatsapp')
@endsection
@push('footerscript')
    <script>
        $(window).load(function () {
            $('#pdf_button').find('i').trigger('click');
        });

        function sendEmail(id, inspection, email) {
            $('#uid').val(id);
            $('#type').val(inspection);
            $('#email').val(email);
            $('#email-pdf-modal').modal('show');
        }

        $('.number').keyup(function (e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });

        function whatsapp(mobile) {
            $('#whatsapp_no').val(mobile);
            $('#whatsapp-pdf-modal').modal('show');
        }
    </script>
@endpush