@props(['invoice' => $invoice])

<div class="card">
    <div class="card-body">
        <div class="row">
            <div class="col-sm-6 m-b-20">
                <img src="{{!empty(app(App\Settings\InvoiceSettings::class)->logo) ? asset('storage/settings/invoice/'.app(App\Settings\InvoiceSettings::class)->logo):asset('assets/img/logo2.png')}}" class="inv-logo" alt="logo">
                 <ul class="list-unstyled">
                    <li>{{app(App\Settings\CompanySettings::class)->company_name}}</li>
                    <li>{{app(App\Settings\CompanySettings::class)->address}}</li>
                    <li>{{app(App\Settings\CompanySettings::class)->email}}</li>
                    <li>{{app(App\Settings\CompanySettings::class)->phone}}</li>
                </ul>
            </div>
            <div class="col-sm-6 m-b-20">
                <div class="invoice-details">
                @if(isset($invoice->inv_id))
    <h3 class="text-uppercase">Invoice {{ $invoice->inv_id }}</h3>
@endif

                    <ul class="list-unstyled">
                    @if(isset($invoice->invoice_date))
    Date: <span>{{ date_format(date_create($invoice->invoice_date), 'M d, Y') }}</span>
@endif
@if(isset($invoice->due_date))
    Due date: <span>{{ date_format(date_create($invoice->due_date), 'M d, Y') }}</span>
@endif

                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-lg-7 col-xl-8 m-b-20">
            @if(isset($invoice->client))
    <h5>Invoice to:</h5>
    <ul class="list-unstyled">
        <li><h5><strong>{{ $invoice->client->firstname }} {{ $invoice->client->lastname }}</strong></h5></li>
        <li><span>{{ $invoice->client->company }}</span></li>
        <li>{{ $invoice->client->address }}</li>
        <li>{{ $invoice->client->phone }}</li>
        <li><a href="javascript:void(0)">{{ $invoice->client->email }}</a></li>
    </ul>
@endif

            </div>

        </div>
        <div class="table-responsive">
            <table class="table repeater table-striped table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>ITEM</th>
                        <th class="d-none d-sm-table-cell">DESCRIPTION</th>
                        <th>UNIT COST</th>
                        <th>QUANTITY</th>
                        <th class="text-right">TOTAL</th>
                    </tr>
                </thead>
                <tbody>
                @if(isset($invoice->items) && is_array($invoice->items))
    @foreach($invoice->items as $item)
        <tr>
            <td></td>
            <td>{{ $item['name'] }}</td>
            <td class="d-none d-sm-table-cell">{{ $item['description'] ?? '' }}</td>
            <td>{{ app(App\Settings\ThemeSettings::class)->currency_symbol . ' ' . $item['unit_cost'] }}</td>
            <td>{{ $item['quantity'] }}</td>
            <td class="text-right">{{ app(App\Settings\ThemeSettings::class)->currency_symbol . ' ' . $item['total'] }}</td>
        </tr>
    @endforeach
@endif


                </tbody>
            </table>
        </div>
        <div>
            <div class="row invoice-payment">
                <div class="col-sm-7">
                </div>
                <div class="col-sm-5">
                    <div class="m-b-20">
                        <div class="table-responsive no-border">
                            <table class="table mb-0">
                                <tbody>
                                    <tr>
                                    @if(isset($invoice->tax))
    <th>Tax:</th>
    <td class="text-right">{{ $invoice->tax->percentage }}%</td>
@endif

                                    </tr>
                                    <tr>
                                    @if(isset($invoice->total))
    <th>Total:</th>
    <td class="text-right text-primary">{{ app(App\Settings\ThemeSettings::class)->currency_symbol . ' ' . $invoice->total }}</td>
@endif

                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="invoice-info">
            @if(isset($invoice->note))
    <p class="text-muted">{{ $invoice->note }}</p>
@else
    <p class="text-muted">No additional notes.</p>
@endif

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