Viewing file:  template9.blade.php (21.73 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<!DOCTYPE html>
<html lang="en" dir="{{$SITE_RTL == 'on'?'rtl':''}}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{asset('css/app.css')}}">
<style type="text/css">.resize-observer[data-v-b329ee4c] {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border: none;
background-color: transparent;
pointer-events: none;
display: block;
overflow: hidden;
opacity: 0
}
.resize-observer[data-v-b329ee4c] object {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
pointer-events: none;
z-index: -1
}</style>
<style type="text/css">p[data-v-f2a183a6] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-f2a183a6] {
margin: 0;
}
.d-table[data-v-f2a183a6] {
margin-top: 20px;
}
.d-table-footer[data-v-f2a183a6] {
display: -webkit-box;
display: flex;
}
.d-table-controls[data-v-f2a183a6] {
-webkit-box-flex: 2;
flex: 2;
}
.d-table-summary[data-v-f2a183a6] {
-webkit-box-flex: 1;
flex: 1;
}
.d-table-summary-item[data-v-f2a183a6] {
width: 100%;
display: -webkit-box;
display: flex;
}
.d-table-label[data-v-f2a183a6] {
-webkit-box-flex: 1;
flex: 1;
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
padding-top: 9px;
padding-bottom: 9px;
}
.d-table-label .form-input[data-v-f2a183a6] {
margin-left: 10px;
width: 80px;
height: 24px;
}
.d-table-label .form-input-mask-text[data-v-f2a183a6] {
top: 3px;
}
.d-table-value[data-v-f2a183a6] {
-webkit-box-flex: 1;
flex: 1;
text-align: right;
padding-top: 9px;
padding-bottom: 9px;
padding-right: 10px;
}
.d-table-spacer[data-v-f2a183a6] {
margin-top: 5px;
}
.d-table-tr[data-v-f2a183a6] {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.d-table-td[data-v-f2a183a6] {
padding: 10px 10px 10px 10px;
}
.d-table-th[data-v-f2a183a6] {
padding: 10px 10px 10px 10px;
font-weight: bold;
}
.d-body[data-v-f2a183a6] {
padding: 50px;
}
.d[data-v-f2a183a6] {
font-size: 0.9em !important;
color: black;
background: white;
min-height: 1000px;
}
.d-right[data-v-f2a183a6] {
text-align: right;
}
.d-title[data-v-f2a183a6] {
font-size: 50px;
line-height: 50px;
font-weight: bold;
margin-bottom: 20px;
}
.d-header-50[data-v-f2a183a6] {
-webkit-box-flex: 1;
flex: 1;
}
.d-header-inner[data-v-f2a183a6] {
display: -webkit-box;
display: flex;
padding: 50px;
}
.d-header-brand[data-v-f2a183a6] {
width: 200px;
}
.d-logo[data-v-f2a183a6] {
max-width: 100%;
}</style>
<style type="text/css">p[data-v-37eeda86] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-37eeda86] {
margin: 0;
}
img[data-v-37eeda86] {
max-width: 100%;
}
.d-table-value[data-v-37eeda86] {
padding-right: 0;
}
.d-table-controls[data-v-37eeda86] {
-webkit-box-flex: 5;
flex: 5;
}
.d-table-summary[data-v-37eeda86] {
-webkit-box-flex: 4;
flex: 4;
}</style>
<style type="text/css">p[data-v-e95a8a8c] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-e95a8a8c] {
margin: 0;
}
img[data-v-e95a8a8c] {
max-width: 100%;
}
.d[data-v-e95a8a8c] {
font-family: monospace;
}
.fancy-title[data-v-e95a8a8c] {
margin-top: 0;
padding-top: 0;
}
.d-table-value[data-v-e95a8a8c] {
padding-right: 0;
}
.d-table-controls[data-v-e95a8a8c] {
-webkit-box-flex: 5;
flex: 5;
}
.d-table-summary[data-v-e95a8a8c] {
-webkit-box-flex: 4;
flex: 4;
}</style>
<style type="text/css">p[data-v-363339a0] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-363339a0] {
margin: 0;
}
img[data-v-363339a0] {
max-width: 100%;
}
.fancy-title[data-v-363339a0] {
margin-top: 0;
font-size: 30px;
line-height: 1.2em;
padding-top: 0;
}
.f-b[data-v-363339a0] {
font-size: 17px;
line-height: 1.2em;
}
.thank[data-v-363339a0] {
font-size: 45px;
line-height: 1.2em;
text-align: right;
font-style: italic;
padding-right: 25px;
}
.f-remarks[data-v-363339a0] {
padding-left: 25px;
}
.d-table-value[data-v-363339a0] {
padding-right: 0;
}
.d-table-controls[data-v-363339a0] {
-webkit-box-flex: 5;
flex: 5;
}
.d-table-summary[data-v-363339a0] {
-webkit-box-flex: 4;
flex: 4;
}</style>
<style type="text/css">p[data-v-e23d9750] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-e23d9750] {
margin: 0;
}
img[data-v-e23d9750] {
max-width: 100%;
}
.fancy-title[data-v-e23d9750] {
margin-top: 0;
font-size: 40px;
line-height: 1.2em;
font-weight: bold;
padding: 25px;
margin-right: 25px;
}
.f-b[data-v-e23d9750] {
font-size: 17px;
line-height: 1.2em;
}
.thank[data-v-e23d9750] {
font-size: 45px;
line-height: 1.2em;
text-align: right;
font-style: italic;
padding-right: 25px;
}
.f-remarks[data-v-e23d9750] {
padding: 25px;
}
.d-table-value[data-v-e23d9750] {
padding-right: 0;
}
.d-table-controls[data-v-e23d9750] {
-webkit-box-flex: 5;
flex: 5;
}
.d-table-summary[data-v-e23d9750] {
-webkit-box-flex: 4;
flex: 4;
}</style>
<style type="text/css">p[data-v-4b3dcb8a] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-4b3dcb8a] {
margin: 0;
}
img[data-v-4b3dcb8a] {
max-width: 100%;
}
.fancy-title[data-v-4b3dcb8a] {
margin-top: 0;
padding-top: 0;
}
.sub-title[data-v-4b3dcb8a] {
margin: 5px 0 3px 0;
display: block;
}
.d-table-value[data-v-4b3dcb8a] {
padding-right: 0;
}
.d-table-controls[data-v-4b3dcb8a] {
-webkit-box-flex: 5;
flex: 5;
}
.d-table-summary[data-v-4b3dcb8a] {
-webkit-box-flex: 4;
flex: 4;
}</style>
<style type="text/css">p[data-v-1ad6e3b9] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-1ad6e3b9] {
margin: 0;
}
img[data-v-1ad6e3b9] {
max-width: 100%;
}
.fancy-title[data-v-1ad6e3b9] {
margin-top: 0;
padding-top: 0;
}
.sub-title[data-v-1ad6e3b9] {
margin: 5px 0 3px 0;
display: block;
}
.d-no-pad[data-v-1ad6e3b9] {
padding: 0px;
}
.grey-box[data-v-1ad6e3b9] {
padding: 50px;
background: #f8f8f8;
}
.d-inner-2[data-v-1ad6e3b9] {
padding: 50px;
}</style>
<style type="text/css">p[data-v-136bf9b5] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-136bf9b5] {
margin: 0;
}
img[data-v-136bf9b5] {
max-width: 100%;
}
.fancy-title[data-v-136bf9b5] {
margin-top: 0;
padding-top: 0;
}
.d-table-value[data-v-136bf9b5] {
padding-right: 0px;
}</style>
<style type="text/css">p[data-v-7d9d14b5] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-7d9d14b5] {
margin: 0;
}
img[data-v-7d9d14b5] {
max-width: 100%;
}
.fancy-title[data-v-7d9d14b5] {
margin-top: 0;
padding-top: 0;
}
.sub-title[data-v-7d9d14b5] {
margin: 0 0 5px 0;
}
.padd[data-v-7d9d14b5] {
margin-left: 5px;
padding-left: 5px;
border-left: 1px solid #f8f8f8;
margin-right: 5px;
padding-right: 5px;
border-right: 1px solid #f8f8f8;
}
.d-inner[data-v-7d9d14b5] {
padding-right: 0px;
}
.d-table-value[data-v-7d9d14b5] {
padding-right: 5px;
}
.d-table-controls[data-v-7d9d14b5] {
-webkit-box-flex: 5;
flex: 5;
}
.d-table-summary[data-v-7d9d14b5] {
-webkit-box-flex: 4;
flex: 4;
}</style>
<style type="text/css">p[data-v-b8f60a0c] {
line-height: 1.2em;
margin: 0 0 2px 0;
}
pre[data-v-b8f60a0c] {
margin: 0;
}
img[data-v-b8f60a0c] {
max-width: 100%;
}
.fancy-title[data-v-b8f60a0c] {
margin-top: 0;
padding-top: 10px;
}
.d-table-value[data-v-b8f60a0c] {
padding-right: 0;
}
.d-table-controls[data-v-b8f60a0c] {
-webkit-box-flex: 5;
flex: 5;
}
.d-table-summary[data-v-b8f60a0c] {
-webkit-box-flex: 4;
flex: 4;
}
.overflow-x-hidden {
/*overflow-x: hidden !important;*/
zoom: 90%;
}</style>
@if($SITE_RTL=='on')
<link rel="stylesheet" href="{{ asset('css/bootstrap-rtl.css') }}">
@endif
</head>
<body class="overflow-x-hidden">
@php
$usr = \Auth::user();
@endphp
<div class="container">
<div id="app">
<div class="editor">
<div class="invoice-preview-inner">
<div class="editor-content">
<div class="preview-main client-preview">
<div data-v-7d9d14b5="" class="d" style="width:800px;margin-left: auto;margin-right: auto;" id="boxes">
<div data-v-7d9d14b5="" class="d-inner" style="border-right: 50px solid {{$color}};">
<div data-v-7d9d14b5="" class="row">
<div data-v-7d9d14b5="" class="col-3"><h1 data-v-7d9d14b5="" class="fancy-title tu mb5" style="color: {{($color == '#ffffff') ? 'black': $color}};">{{__('ESTIMATION')}}</h1>
<h3 data-v-7d9d14b5="">{{$usr->estimateNumberFormat($estimation->estimation_id)}}</h3>
<p data-v-7d9d14b5="">{{$usr->dateFormat($estimation->issue_date)}}</p>
</div>
<div data-v-7d9d14b5="" class="col-1"><img data-v-7d9d14b5="" class="d-logo" src="{{$img}}" style="max-width: 150px;"></div>
</div>
<div data-v-7d9d14b5="" class="break-50"></div>
<div data-v-7d9d14b5="" class="row">
<div data-v-7d9d14b5="" class="col-33">
<h3 data-v-7d9d14b5="" class="sub-title">@if($settings['company_name']){{$settings['company_name']}}@endif</h3>
<pre data-v-7d9d14b5="">@if($settings['company_address']){{$settings['company_address']}}@endif</pre>
<p data-v-7d9d14b5="">@if($settings['company_city']) {{$settings['company_city']}}, @endif @if($settings['company_state']){{$settings['company_state']}}@endif @if($settings['company_zipcode']) - {{$settings['company_zipcode']}}@endif</p>
<p data-v-7d9d14b5="">@if($settings['company_country']) {{$settings['company_country']}}@endif</p>
</div>
<div data-v-7d9d14b5="" class="col-33">
<div data-v-7d9d14b5="" class="padd"><strong data-v-7d9d14b5="" class="mb5">{{__('To')}}:</strong>
<p data-v-7d9d14b5="">{{$client->name}}</p>
<pre data-v-7d9d14b5="">{{$client->email}}</pre>
</div>
</div>
<div data-v-7d9d14b5="" class="col-33">
<table data-v-7d9d14b5="" class="summary-table">
<tbody data-v-7d9d14b5="">
</tbody>
</table>
</div>
</div>
<div data-v-7d9d14b5="" class="break-25"></div>
<div data-v-7d9d14b5="" class="d-table">
<div data-v-7d9d14b5="" class="d-table">
<div data-v-7d9d14b5="" class="tu d-table-tr" style="color: {{$font_color}}; background: {{$color}};">
<div data-v-7d9d14b5="" class="d-table-th w-2" style="padding: 3px;">{{__('#')}}</div>
<div data-v-7d9d14b5="" class="d-table-th w-13" style="padding: 3px;">{{__('Item description')}}</div>
<div data-v-7d9d14b5="" class="d-table-th w-3" style="padding: 3px;">{{__('Price')}}</div>
<div data-v-7d9d14b5="" class="d-table-th w-2" style="padding: 3px;">{{__('Qty')}}</div>
<div data-v-7d9d14b5="" class="d-table-th w-3 text-end" style="padding: 3px;">{{__('Amount')}}</div>
</div>
<div data-v-7d9d14b5="" class="d-table-body">
@if(isset($estimation->getProducts) && count($estimation->getProducts) > 0)
@foreach($estimation->getProducts as $key => $item)
<div data-v-7d9d14b5="" class="d-table-tr" style="border-bottom: 1px solid rgb(248, 248, 248);">
<div data-v-7d9d14b5="" class="d-table-td w-2" style="padding: 3px;"><span data-v-7d9d14b5="">{{$key+1}}</span></div>
<div data-v-7d9d14b5="" class="d-table-td w-13" style="padding: 3px;">
<pre data-v-7d9d14b5="">{{$item->name}}<br data-v-7d9d14b5=""></pre>
</div>
<div data-v-7d9d14b5="" class="d-table-td w-3" style="padding: 3px;"><span data-v-7d9d14b5="">{{$usr->priceFormat($item->pivot->price)}}</span></div>
<div data-v-7d9d14b5="" class="d-table-td w-2" style="padding: 3px;"><span data-v-7d9d14b5="">{{$item->pivot->quantity}}</span></div>
<div data-v-7d9d14b5="" class="d-table-td w-3 text-end" style="padding: 3px;"><span data-v-7d9d14b5="">{{$usr->priceFormat($item->pivot->price * $item->pivot->quantity)}}</span></div>
</div>
@endforeach
@else
<div data-v-7d9d14b5="" class="d-table-tr" style="border-bottom: 1px solid rgb(248, 248, 248);">
<div data-v-7d9d14b5="" class="d-table-td w-2" style="padding: 3px;"><span data-v-7d9d14b5="">-</span></div>
<div data-v-7d9d14b5="" class="d-table-td w-13" style="padding: 3px;">
<pre data-v-7d9d14b5="">-<br data-v-7d9d14b5=""></pre>
</div>
<div data-v-7d9d14b5="" class="d-table-td w-3" style="padding: 3px;"><span data-v-7d9d14b5="">-</span></div>
<div data-v-7d9d14b5="" class="d-table-td w-2" style="padding: 3px;"><span data-v-7d9d14b5="">-</span></div>
<div data-v-7d9d14b5="" class="d-table-td w-3 text-end" style="padding: 3px;"><span data-v-7d9d14b5="">-</span></div>
</div>
@endif
</div>
<div data-v-7d9d14b5="" class="d-table-footer">
<div data-v-7d9d14b5="" class="d-table-controls"></div>
<div data-v-7d9d14b5="" class="d-table-summary">
<div data-v-7d9d14b5="" class="d-table-summary-item">
<div data-v-7d9d14b5="" class="tu d-table-label">{{__('Sub Total')}}:</div>
<div data-v-7d9d14b5="" class="d-table-value">{{$usr->priceFormat($estimation->getSubTotal())}}</div>
</div>
@if($estimation->discount)
<div data-v-7d9d14b5="" class="d-table-summary-item">
<div data-v-7d9d14b5="" class="tu d-table-label">{{__('Discount')}}:</div>
<div data-v-7d9d14b5="" class="d-table-value">{{$usr->priceFormat($estimation->discount)}}</div>
</div>
@endif
@if($estimation->getTax())
<div data-v-7d9d14b5="" class="d-table-summary-item">
<div data-v-7d9d14b5="" class="tu d-table-label">{{$estimation->tax->name}} ({{$estimation->tax->rate}}%):</div>
<div data-v-7d9d14b5="" class="d-table-value">{{$usr->priceFormat($estimation->getTax())}}</div>
</div>
@endif
<div data-v-7d9d14b5="" class="d-table-summary-item" style="background: {{$color}}; color: {{$font_color}};">
<div data-v-7d9d14b5="" class="tu d-table-label">{{__('Total')}}:</div>
<div data-v-7d9d14b5="" class="d-table-value">{{$usr->priceFormat($estimation->getSubTotal()-$estimation->discount+$estimation->getTax())}}</div>
</div>
</div>
</div>
</div>
</div>
<div data-v-7d9d14b5="" class="break-25"></div>
<div>
<b>{{$settings['footer_title']}}</b>
<p>{{$settings['footer_note']}}</p>
</div>
<div data-v-7d9d14b5="" class="break-25"></div>
<div data-v-7d9d14b5=""><h1 data-v-7d9d14b5="" style="color: {{($color == '#ffffff') ? 'black': $color}};">{{__('Thank you!')}}</h1></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@if(!isset($preview))
@include('estimations.script');
@endif
</body>
</html>
|