@extends('mail.base', ['hideLogo' => true,'noPadding' => true])

@section('custom_style_tag')
    <style>
        .invoice_data_table td {
            padding: 10px;
        }

        @media only screen and (max-width: 600px) {
            .invoice_data_table td {
                padding: 2px;
            }
        }
    </style>
@endsection

@section('body')
    {{--  LOGO  --}}
    <table style="
            background-color: #FF5E72;
            width: 100%;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            padding-bottom: 20px;
            padding-top: 20px;
            text-align: center;
            ">
        <tr>
            <td>
                <img class="logo" alt="Logo" src="{{asset('/logo.png')}}" width="100">
            </td>
        </tr>
    </table>

    {{--  BASIC INFO  --}}
    <table style="width:100%; margin-top: 40px; padding:0 40px; margin-bottom: 20px; ">
        <tbody style="width: 100%">
        <tr>
            <td>
{{--            TODO refactor this into two separate invoice blade files.--}}
                @if(strtoupper($invoice->currency) == 'RSD')
                    <div style="color: black!important; margin-bottom: 20px;">
{{--                    RS invoices have additional info on the top--}}
                    {!! __("strings.invoice.".strtoupper($invoice->currency).".additional_info_rs") !!}
                    </div>
                @endif

                <h1 style="margin-bottom:0; padding: 0;">@lang("strings.invoice.".strtoupper($invoice->currency).".myHomeFind")</h1>
                <div style="color: black!important; margin-bottom: 20px;">
                    {!! __("strings.invoice.".strtoupper($invoice->currency).".info_header") !!}
                </div>



                <table style="">
                    <tr>
                        <td><strong style="margin-right: 20px;">@lang("strings.invoice.".strtoupper($invoice->currency).".number")</strong></td>
                        <td style="text-align: left">{{$invoice->invoice_number}}</td></tr>
                    <tr>
                        <td><strong style="margin-right: 20px;">@lang('strings.invoice.'.strtoupper($invoice->currency).'.invoiceIssuingPlace')</strong></td>
                        <td style="text-align: left">@lang('strings.invoice.'.strtoupper($invoice->currency).'.addressLocation')</td></tr>
                    <tr>
                        <td><strong style="margin-right: 20px;">@lang('strings.invoice.'.strtoupper($invoice->currency).'.invoiceIssuingDate')</strong></td>
                        <td style="text-align: left">{{
                            strtoupper($invoice->currency) == 'rs' ?
                            \App\Http\Services\ResponseService::formatDate($invoice->created_at,false)
                            :
                            \App\Http\Services\ResponseService::formatDate($invoice->created_at,true)
                        }}</td></tr>
                    <tr>
                        <td><strong style="margin-right: 20px;">@lang('strings.invoice.'.strtoupper($invoice->currency).'.transactionDate')</strong></td>
                        <td style="text-align: left">{{
                            strtoupper($invoice->currency) == 'RSD' ?
                            \App\Http\Services\ResponseService::formatDate($invoice->created_at,false)
                            :
                            \App\Http\Services\ResponseService::formatDate($invoice->created_at,true)
                        }}</td></tr>
                    <tr>
                        <td><strong style="margin-right: 20px;">@lang('strings.invoice.'.strtoupper($invoice->currency).'.paymentMethod')</strong></td>
                        <td style="text-align: left">@lang('strings.invoice.'.strtoupper($invoice->currency).'.cardPaymentMethod')</td></tr>

                    @if(strtoupper($invoice->currency) != 'RSD')
                    <tr>
                        <td><strong style="margin-right: 20px;">@lang('strings.invoice.'.strtoupper($invoice->currency).'.operator')</strong></td>
                        <td style="text-align: left">Iva Juričić</td></tr>
                    @endif
                    <tr>
                        <td><strong style="margin-right: 20px;">@lang('strings.invoice.'.strtoupper($invoice->currency).'.customerName')</strong></td>
                        <td style="text-align: left">{{$invoice->user->name}}</td></tr>
                </table>
            </td>
        </tr>
        </tbody>
    </table>

    {{--  DATA  --}}
    <table style=" padding:0 40px; margin-bottom: 20px;  ">
        <tr>
            <td>
                <table class="invoice_data_table" style="background-color: #f2f2f2; width:100%;border: 1px solid black; border-radius: 12px;" cellpadding="0" cellspacing="0">
                    <thead >
                    <tr style="font-weight: bold; background-color: lightgray; ">
                        <td style="  border-bottom: 1px solid black!important; border-top-left-radius: 12px; ">@lang("strings.invoice.".strtoupper($invoice->currency).".productType")</td>
                        <td style=" border-bottom: 1px solid black!important;">@lang("strings.invoice.".strtoupper($invoice->currency).".quantity")</td>
                        <td style=" border-bottom: 1px solid black!important;">@lang("strings.invoice.".strtoupper($invoice->currency).".price")</td>
                        <td style=" border-bottom: 1px solid black!important;">@lang("strings.invoice.".strtoupper($invoice->currency).".tax")</td>
                        <td style="  border-bottom: 1px solid black!important;">
{{--                            @lang("strings.invoice.".strtoupper($invoice->currency).".amount") ({{$invoice->currency}})--}}
                        </td>
                        <td style=" border-bottom: 1px solid black!important;  border-top-right-radius: 12px;">@lang("strings.invoice.".strtoupper($invoice->currency).".totalWithTax")</td>
                    </tr>
                    </thead>

                    <tbody>


                    <tr>
                        <td style=" border-bottom: 1px solid black!important;  ">{{$invoice->productName}}</td>
                        <td style=" border-bottom: 1px solid black!important; ">1</td>
                        <td style=" border-bottom: 1px solid black!important; ">{{\App\Http\Services\ResponseService::formatMoney($invoice->priceWithoutTax, $invoice->currency)}}</td>
                        <td style=" border-bottom: 1px solid black!important; ">{{\App\Http\Services\ResponseService::formatMoney($invoice->taxAmount, $invoice->currency)}} ({{$invoice->tax*100 . '%'}})</td>
                        <td style=" border-bottom: 1px solid black!important;  ">
{{--                            {{\App\Http\Services\ResponseService::formatMoney($invoice->amount)}}--}}
                        </td>
                        <td style="text-align: right; border-bottom: 1px solid black!important; ">{{\App\Http\Services\ResponseService::formatMoney($invoice->amount, $invoice->currency)}}</td>
                    </tr>

                    <tr style="background-color: white;">
                        <td colspan="3"></td>
                        <td style="font-weight: bold;">@lang("strings.invoice.".strtoupper($invoice->currency).".price"):</td>
                        <td></td>
                        <td style="text-align: right;  font-weight: bold;">{{\App\Http\Services\ResponseService::formatMoney($invoice->priceWithoutTax, $invoice->currency)}}</td>
                    </tr>

                    <tr style="background-color: white;">
                        <td style="  "  colspan="3"></td>
                        <td style=" "><strong>@lang("strings.invoice.".strtoupper($invoice->currency).".tax"):</strong> {{$invoice->tax*100 . '%'}}</td>
                        <td style=" ">
{{--                            {{\App\Http\Services\ResponseService::formatMoney($invoice->amount)}}--}}
                        </td>
                        <td style="text-align: right;  ">{{\App\Http\Services\ResponseService::formatMoney($invoice->taxAmount, $invoice->currency)}}</td>
                    </tr>

                    <tr style="background-color: white;">
                        <td style="   border-bottom: 1px solid black!important;" colspan="3"></td>
                        <td style="  border-bottom: 1px solid black!important; font-weight: bold;">@lang("strings.invoice.".strtoupper($invoice->currency).".total"):</td>
                        <td style="  border-bottom: 1px solid black!important; "></td>
                        <td style="text-align: right;  border-bottom: 1px solid black!important; font-weight: bold;">{{\App\Http\Services\ResponseService::formatMoney($invoice->amount, $invoice->currency)}}</td>
                    </tr>

                    <tr style="background-color: white;">
                        <td style="background-color: white; border-bottom-left-radius: 12px; " colspan="3"></td>
                        <td style="background-color: white; font-weight: bold;">@lang("strings.invoice.".strtoupper($invoice->currency).".toPay"):</td>
                        <td style="background-color: white; ">
{{--                            @lang("strings.invoice.".strtoupper($invoice->currency).".transactionBill")--}}
                        </td>
                        <td style="text-align: right; background-color: white;  border-bottom-right-radius: 12px;">{{\App\Http\Services\ResponseService::formatMoney($invoice->amount, $invoice->currency)}}</td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </table>



    {{--     NOTE       --}}
    <table style="padding:0 40px; padding-bottom: 40px; ">
        <tbody>
            <tr>
                <td><strong>@lang('strings.invoice.'.strtoupper($invoice->currency).'.note_label')</strong></td>
            </tr>
            <tr>
                <td>{!! __("strings.invoice.".strtoupper($invoice->currency).".note") !!}</td>
            </tr>
        </tbody>
    </table>


    {{--      FOOTER      --}}
    <table style="
        background-color: #FF5E72;
        width: 100%;
        color: white;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        padding-right: 40px;
        padding-left: 40px;
        padding-bottom: 40px;
        text-align: center;
    ">
        <tr>
            <td>
                <br><strong>HomeFind d.o.o</strong>
                <br>{!! __("strings.invoice.".strtoupper($invoice->currency).".info") !!}
            </td>
        </tr>
    </table>
@endsection