invoice view

gistfile1.txt

@extends('layouts.app')
@section('page_title', 'Invoices')
@section('breadcrumb-first-level', 'Invoices')
@section('breadcrumb-second-level', $invoice->id)

@section('content')
    <div class="content p-10">
        <div class="primary-table p-5">
            <h2 class="mb-5 mt-5 text-grey-darker">Invoice #{{ $invoice->id }}</h2>
            <div class="w-3/5">
                <div>
                    <a href="https://s3.amazonaws.com/assets.and.co/freelancers/98736/invoices/1521541940063-Invoice_1-QtnqX8OYH97QJH2E.pdf&embedded=true"
                       target="_blank" class="form-btn inline-block mb-5">Download PDF</a>
                    <div>
                        <span>History</span>
                        <ul class="my-10 relative">
                            <li class="relative inline-block @if(!is_null($invoice->created_at)) completed @else progress @endif">
                                <span>Created</span><br>
                                @if(!is_null($invoice->created_at)) <small>{{ $invoice->paid_at->format('d/m/Y h:i A') }}</small> @endif
                            </li>
                            <li class="relative inline-block @if(!is_null($invoice->sent_at)) completed @else progress @endif">
                                <div class="dots">
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                </div>
                                <span>Sent</span><br>
                                @if(!is_null($invoice->sent_at)) <small>{{ $invoice->paid_at->format('d/m/Y h:i A') }}</small> @endif
                            </li>
                            <li class="relative inline-block @if(!is_null($invoice->viewed_at)) completed @else progress @endif">
                                <div class="dots">
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                </div>
                                <span>Viewed</span><br>
                                @if(!is_null($invoice->viewed_at)) <small>{{ $invoice->paid_at->format('d/m/Y h:i A') }}</small> @endif
                            </li>
                            <li class="relative inline-block @if(!is_null($invoice->paid_at)) completed @else progress @endif">
                                <div class="dots">
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                    <span class="dot"></span>
                                </div>
                                <span>Paid</span><br>
                                @if(!is_null($invoice->paid_at)) <small>{{ $invoice->paid_at->format('d/m/Y h:i A') }}</small> @endif
                            </li>
                        </ul>
                    </div>
                    <iframe
                        src="https://docs.google.com/viewer?url=https://s3.amazonaws.com/assets.and.co/freelancers/98736/invoices/1521541940063-Invoice_1-QtnqX8OYH97QJH2E.pdf&embedded=true"
                        frameborder="0" class="block"
                        style="height: 790px; vertical-align: middle; width: 100%;"></iframe>
                </div>
            </div>
            <div class="w-2/5"></div>
        </div>
    </div>
@endsection