|
Server : Apache/2.4.41 (Ubuntu) System : Linux vmi1525618.contaboserver.net 5.4.0-105-generic #119-Ubuntu SMP Mon Mar 7 18:49:24 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 8.2.12 Disable Function : NONE Directory : /var/www/erp.theinteractive.co.in/resources/views/estimations/templates/ |
Upload File : |
<!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();
$border_color = ($color == '#ffffff') ? 'black' : $color;
@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-f2a183a6="" class="d" id="boxes" style="width:800px;margin-left: auto;margin-right: auto;">
<div data-v-f2a183a6="" class="d-header" style="background: {{$color}};color: {{$font_color}}">
<div data-v-f2a183a6="" class="d-header-inner">
<div data-v-f2a183a6="" class="d-header-50">
<div data-v-f2a183a6="" class="d-header-brand">
<img src="{{$img}}" style="max-width: 100px"/>
</div>
<div data-v-f2a183a6="" class="break-25"></div>
<p data-v-f2a183a6="">@if($settings['company_name']){{$settings['company_name']}}@endif</p>
<p data-v-f2a183a6="">
@if($settings['company_address']){{$settings['company_address']}}@endif
@if($settings['company_city']) <br> {{$settings['company_city']}}, @endif @if($settings['company_state']){{$settings['company_state']}}@endif @if($settings['company_zipcode']) - {{$settings['company_zipcode']}}@endif
@if($settings['company_country']) <br>{{$settings['company_country']}}@endif
</p>
</div>
<div data-v-f2a183a6="" class="d-header-50 d-right">
<div data-v-f2a183a6="" class="d-title">{{__('ESTIMATION')}}</div>
<table data-v-f2a183a6="" class="summary-table">
<tbody data-v-f2a183a6="">
<tr>
<td>{{__('Number')}}:</td>
<td>{{$usr->estimateNumberFormat($estimation->estimation_id)}}</td>
</tr>
<tr>
<td>{{__('Issue Date')}}:</td>
<td>{{$usr->dateFormat($estimation->issue_date)}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div data-v-f2a183a6="" class="d-body">
<div data-v-f2a183a6="" class="d-bill-to"><strong data-v-f2a183a6="">{{__('Bill To')}}:</strong>
<p>
{{$client->name}}<br>
{{$client->email}}
</p>
<div data-v-f2a183a6="" class="d-table">
<div data-v-f2a183a6="" class="d-table">
<div data-v-f2a183a6="" class="d-table-tr" style="background: {{$color}};color: {{$font_color}}">
<div class="d-table-th w-2">{{__('#')}}</div>
<div class="d-table-th w-7">{{__('Item')}}</div>
<div class="d-table-th w-5">{{__('Price')}}</div>
<div class="d-table-th w-5">{{__('Quantity')}}</div>
<div class="d-table-th w-4 text-end">{{__('Totals')}}</div>
</div>
<div class="d-table-body">
@if(isset($estimation->getProducts) && count($estimation->getProducts) > 0)
@foreach($estimation->getProducts as $key => $item)
<div class="d-table-tr" style="border-bottom:1px solid {{$border_color}};">
<div class="d-table-td w-2"><span>{{$key+1}}</span></div>
<div class="d-table-td w-7">
<pre data-v-f2a183a6="">{{$item->name}}</pre>
</div>
<div class="d-table-td w-5">
<pre data-v-f2a183a6="">{{$usr->priceFormat($item->pivot->price)}}</pre>
</div>
<div class="d-table-td w-5">
<pre data-v-f2a183a6="">{{$item->pivot->quantity}}</pre>
</div>
<div class="d-table-td w-4 text-end"><span>{{$usr->priceFormat($item->pivot->price * $item->pivot->quantity)}}</span></div>
</div>
@endforeach
@else
<div class="d-table-tr" style="border-bottom:1px solid {{$border_color}};">
<div class="d-table-td w-2"><span>-</span></div>
<div class="d-table-td w-7">
<pre data-v-f2a183a6="">-</pre>
</div>
<div class="d-table-td w-5">
<pre data-v-f2a183a6="">-</pre>
</div>
<div class="d-table-td w-5">
<pre data-v-f2a183a6="">-</pre>
</div>
<div class="d-table-td w-4 text-end"><span>-</span></div>
</div>
@endif
</div>
<div data-v-f2a183a6="" class="d-table-footer">
<div data-v-f2a183a6="" class="d-table-controls"></div>
<div data-v-f2a183a6="" class="d-table-summary">
<div data-v-f2a183a6="" class="d-table-summary-item">
<div data-v-f2a183a6="" class="d-table-label">{{__('Subtotal')}}:</div>
<div data-v-f2a183a6="" class="d-table-value">{{$usr->priceFormat($estimation->getSubTotal())}}</div>
</div>
@if($estimation->discount)
<div data-v-f2a183a6="" class="d-table-summary-item">
<div data-v-f2a183a6="" class="d-table-label">{{__('Discount')}}:</div>
<div data-v-f2a183a6="" class="d-table-value">{{$usr->priceFormat($estimation->discount)}}</div>
</div>
@endif
@if($estimation->getTax())
<div data-v-f2a183a6="" class="d-table-summary-item">
<div data-v-f2a183a6="" class="d-table-label">{{$estimation->tax->name}} ({{$estimation->tax->rate}}%):</div>
<div data-v-f2a183a6="" class="d-table-value">{{$usr->priceFormat($estimation->getTax())}}</div>
</div>
@endif
<div data-v-f2a183a6="" class="d-table-summary-item" style="border-top: 1px solid {{$border_color}}; border-bottom: 1px solid {{$border_color}};">
<div data-v-f2a183a6="" class="d-table-label">{{__('Total')}}:</div>
<div data-v-f2a183a6="" class="d-table-value">{{$usr->priceFormat($estimation->getSubTotal()-$estimation->discount+$estimation->getTax())}}</div>
</div>
</div>
</div>
</div>
</div>
<div>
<b>{{$settings['footer_title']}}</b>
<p>{{$settings['footer_note']}}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@if(!isset($preview))
@include('estimations.script');
@endif
</body>
</html>