@extends('back_office.layouts.app')

@section('content')
    <style>
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        th,td {
            font-family: DejaVu Sans;
            font-size:12px;
        }
        .panel {
            margin-bottom: 20px;
            background-color: #fff;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
            box-shadow: 0 1px 1px rgba(0,0,0,.05);
        }
        .panel-default {
            border-color: #ddd;
        }
        .panel-body {
            padding: 15px;
        }
        table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 0px;
            border-spacing: 0;
            border-collapse: collapse;
            background-color: transparent;
        }
        thead  {
            text-align: left;
            display: table-header-group;
            vertical-align: middle;
        }
        th, td  {
            border: 1px solid #ddd;
            padding: 6px;
        }
        .well {
            min-height: 20px;
            padding: 19px;
            margin-bottom: 20px;
            background-color: #f5f5f5;
            border: 1px solid #e3e3e3;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        }
    </style>

<header style="font-size:12px;font-weight: normal;">
    <div style="padding: 10px">
        <b>Date: </b> {{ $invoice->created_at->formatLocalized('%A %d %B %Y') }}<br />
        @if ($invoice->transaction_code)
            <b>Invoice #</b>{{ $invoice->transaction_code }}
        @endif
        <a href="{{ route('sales.invoice.download', $invoice->id) }}" style="float: right" class="btn btn-sm btn-info">Download Invoice</a>
    </div>
    <br/>
</header>
<main style="font-size:12px;font-weight: normal;">
        <div style="padding: 10px">
            @if($invoice->user)
                <h5>Customer Details:</h5>
            @endif
            <div class="panel panel-default">
                <div class="panel-body">
                    @if($invoice->user)
                        <strong>CUSTOMER CODE:</strong> {{ $invoice->user->reference_code }}<br/>
                        <strong>CUSTOMER NAME:</strong> {{ $invoice->user->name }}<br/>
                        <strong>CUSTOMER Phone:</strong> {{ $invoice->user->phone }}<br/>
                        <strong>CUSTOMER Email:</strong> {{ $invoice->user->email }}<br/>
                    @endif


                </div>
            </div>
            <h5>Cars Details:</h5>
            <div class="panel panel-default">
                <div class="panel-body">
                    @foreach($invoice->subscriptions as $subscription)
                        <div>
                                <strong>CUSTOMER CAR:</strong> {{ @$subscription->getCar->model->name }} #{{ $subscription->getCar->plate_number }}<br/>
                                <strong>CAR LOCATION:</strong> {{ @$subscription->getCar->location->street_name}}, {{ @$subscription->getCar->location->compound_name}} <br/>
                        </div>
                    @endforeach


                </div>
            </div>
        </div>
    <div style="padding: 10px">
    <h5>Subscriptions Details:</h5>
    <table class="table text-center table-striped">
        <thead>
        <tr>
            <th class="text-center">Subscription ID</th>
            <th class="text-center">CAR</th>
            <th class="text-center">CAR Type</th>
            <th class="text-center">AMOUNT</th>
            <th class="text-center">SUBSCRIPTION TYPE</th>
            <th class="text-center">SUBSCRIPTION STATUS</th>
            <th class="text-center">TOTAL</th>
        </tr>
        </thead>
        <tbody>
           @foreach($invoice->subscriptions as $subscription)
               <tr>
                   <td class="text-center">{{ $subscription->id }}</td>
                   <td class="text-center">{{ $subscription->getCar->model->name }} </td>
                   <td class="text-center">{{ $subscription->getCar->type->name }} </td>
                   <td class="text-center">{{ $subscription->amount }} <small>QAR</small></td>
                       <td class="text-center">{{ @$invoice->type }}</td>
                   <td class="text-center">{{ $subscription->status }}</td>
                   <td class="text-center">{{ $invoice->type }}</td>
               </tr>
           @endforeach
        </tbody>
    </table>
    </div>
    <div style="padding: 10px">
        <h5>Payment Details:</h5>
        <table class="table text-center table-striped">
            <thead>
            <tr>
                <th class="text-center">Payment ID</th>
                <th class="text-center">Transaction_code code</th>
                <th class="text-center">AMOUNT</th>
                <th class="text-center">Payment Method</th>
                <th class="text-center">Coupon</th>
                <th class="text-center">Discount</th>
                <th class="text-center">Payment STATUS</th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="text-center">{{ $invoice->id }}</td>
                    <td class="text-center">{{ $invoice->transaction_code?:"---" }} </td>
                    <td class="text-center">{{ $invoice->amount }} <small>QAR</small></td>
                    <td class="text-center">{{ $invoice->paymentType->payment_type }} </td>
                    <td class="text-center">{{ @$invoice->coupon?$invoice->coupon->code:'---' }}</td>
                    <td class="text-center">{{ @$invoice->discount?:'---'}}</td>
                    <td class="text-center">{{ $invoice->status }}</td>
                </tr>
            </tbody>
        </table>
    </div>
</main>

@endsection