ok
Mini Shell
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Template CSS -->
<!-- <link type="text/css" rel="stylesheet" media="all" href="css/main.css"> -->
<title>@lang('modules.contracts.contractNumber') - #{{ $contract->contract_number }}</title>
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{{ $contract->company->favicon_url }}">
<meta name="theme-color" content="#ffffff">
<style>
@font-face {
font-family: 'THSarabunNew';
font-style: normal;
font-weight: normal;
src: url("{{ storage_path('fonts/THSarabunNew.ttf') }}") format('truetype');
}
@font-face {
font-family: 'THSarabunNew';
font-style: normal;
font-weight: bold;
src: url("{{ storage_path('fonts/THSarabunNew_Bold.ttf') }}") format('truetype');
}
@font-face {
font-family: 'THSarabunNew';
font-style: italic;
font-weight: bold;
src: url("{{ storage_path('fonts/THSarabunNew_Bold_Italic.ttf') }}") format('truetype');
}
@font-face {
font-family: 'THSarabunNew';
font-style: italic;
font-weight: bold;
src: url("{{ storage_path('fonts/THSarabunNew_Italic.ttf') }}") format('truetype');
}
@font-face {
font-family: 'BeVietnamPro';
font-style: normal;
font-weight: normal;
src: url("{{ storage_path('fonts/BeVietnamPro-Black.ttf') }}") format('truetype');
}
@font-face {
font-family: 'BeVietnamPro';
font-style: italic;
font-weight: normal;
src: url("{{ storage_path('fonts/BeVietnamPro-BlackItalic.ttf') }}") format('truetype');
}
@font-face {
font-family: 'BeVietnamPro';
font-style: italic;
font-weight: bold;
src: url("{{ storage_path('fonts/BeVietnamPro-bold.ttf') }}") format('truetype');
}
@if($invoiceSetting->is_chinese_lang)
@font-face {
font-family: SimHei;
/*font-style: normal;*/
font-weight: bold;
src: url('{{ asset('fonts/simhei.ttf') }}') format('truetype');
}
@endif
@php
$font = '';
if($invoiceSetting->locale == 'ja') {
$font = 'ipag';
} else if($invoiceSetting->locale == 'hi') {
$font = 'hindi';
} else if($invoiceSetting->locale == 'th') {
$font = 'THSarabunNew';
} else if($invoiceSetting->is_chinese_lang) {
$font = 'SimHei';
} else if($invoiceSetting->locale == 'vi') {
$font = 'BeVietnamPro';
}else {
$font = 'Verdana';
}
@endphp
@if($invoiceSetting->is_chinese_lang)
body {
font-weight: normal !important;
}
@endif
body {
margin: 0;
font-family: {{$font}}, DejaVu Sans, sans-serif;
}
.bg-grey {
background-color: #F2F4F7;
}
.bg-white {
background-color: #fff;
}
.border-radius-25 {
border-radius: 0.25rem;
}
.p-25 {
padding: 1.25rem;
}
.f-13 {
font-size: 13px;
}
.f-14 {
font-size: 14px;
}
.f-15 {
font-size: 15px;
}
.f-21 {
font-size: 21px;
}
.text-black {
color: #28313c;
}
.text-grey {
color: #616e80;
}
.font-weight-700 {
font-weight: 700;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.line-height {
line-height: 24px;
}
.mt-1 {
margin-top: 1rem;
}
.mb-0 {
margin-bottom: 0px;
}
.b-collapse {
border-collapse: collapse;
}
.heading-table-left {
padding: 6px;
border: 1px solid #DBDBDB;
font-weight: bold;
background-color: #f1f1f3;
border-right: 0;
}
.heading-table-right {
padding: 6px;
border: 1px solid #DBDBDB;
border-left: 0;
}
.unpaid {
color: #000000;
position: relative;
padding: 11px 22px;
font-size: 15px;
border-radius: 0.25rem;
width: 100px;
text-align: center;
}
.main-table-heading {
border: 1px solid #DBDBDB;
background-color: #f1f1f3;
font-weight: 700;
}
.main-table-heading td {
padding: 11px 10px;
border: 1px solid #DBDBDB;
}
.main-table-items td {
padding: 11px 10px;
border: 1px solid #e7e9eb;
}
.total-box {
border: 1px solid #e7e9eb;
padding: 0px;
border-bottom: 0px;
}
.subtotal {
padding: 11px 10px;
border: 1px solid #e7e9eb;
border-top: 0;
border-left: 0;
}
.subtotal-amt {
padding: 11px 10px;
border: 1px solid #e7e9eb;
border-top: 0;
border-right: 0;
}
.total {
padding: 11px 10px;
border: 1px solid #e7e9eb;
border-top: 0;
font-weight: 700;
border-left: 0;
}
.total-amt {
padding: 11px 10px;
border: 1px solid #e7e9eb;
border-top: 0;
border-right: 0;
font-weight: 700;
}
.balance {
font-size: 16px;
font-weight: bold;
background-color: #f1f1f3;
}
.balance-left {
padding: 11px 10px;
border: 1px solid #e7e9eb;
border-top: 0;
border-left: 0;
}
.balance-right {
padding: 11px 10px;
border: 1px solid #e7e9eb;
border-top: 0;
border-right: 0;
}
.centered {
margin: 0 auto;
}
.rightaligned {
margin-right: 0;
margin-left: auto;
}
.leftaligned {
margin-left: 0;
margin-right: auto;
}
.page_break {
page-break-before: always;
}
.logo {
height: 50px;
}
@if($invoiceSetting->locale == 'th')
table td {
font-weight: bold !important;
font-size: 20px !important;
}
.description {
font-weight: bold !important;
font-size: 16px !important;
}
@endif
</style>
</head>
<body class="content-wrapper">
<table class="bg-white" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
<tbody>
<!-- Table Row Start -->
<tr>
<td><img src="{{ $contract->company->invoiceSetting->logo_url }}" alt="{{ mb_ucwords($contract->company->company_name) }}"
class="logo" /></td>
<td align="right" class="f-21 text-black font-weight-700 text-uppercase">@lang('app.menu.contract')</td>
</tr>
<!-- Table Row End -->
<!-- Table Row Start -->
<tr>
<td>
<p class="line-height mt-1 mb-0 f-14 text-black">
{{ mb_ucwords($contract->company->company_name) }}<br>
@if (!is_null($contract->company))
{!! nl2br($contract->company->defaultAddress->address) !!}<br>
{{ $contract->company->company_phone }}
@endif
</p>
</td>
<td>
<table class="text-black mt-1 f-13 b-collapse rightaligned">
<tr>
<td class="heading-table-left">@lang('modules.contracts.contractNumber')</td>
<td class="heading-table-right">#{{ $contract->contract_number }}</td>
</tr>
<tr>
<td class="heading-table-left">@lang('modules.projects.startDate')</td>
<td class="heading-table-right">{{ $contract->start_date->translatedFormat($contract->company->date_format) }}
</td>
</tr>
@if ($contract->end_date != null)
<tr>
<td class="heading-table-left">@lang('modules.contracts.endDate')</td>
<td class="heading-table-right">
{{ $contract->end_date->translatedFormat($contract->company->date_format) }}
</td>
</tr>
@endif
<tr class="description">
<td class="heading-table-left description">@lang('modules.contracts.contractType')</td>
<td class="heading-table-right description">{{ $contract->contractType->name }}
</td>
</tr>
</table>
</td>
</tr>
<!-- Table Row End -->
<!-- Table Row Start -->
<tr>
<td height="30"></td>
</tr>
<!-- Table Row End -->
<!-- Table Row Start -->
<tr>
<td colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="f-14 text-black">
<p class="line-height mb-0">
<span class="text-grey text-capitalize">@lang('app.client')</span><br>
{{ mb_ucwords($contract->client->name) }}<br>
{{ mb_ucwords($contract->client->clientDetails->company_name) }}
{!! nl2br($contract->client->clientDetails->address) !!}
</p>
</td>
<td align="right">
@if ($contract->client->clientDetails->company_logo)
<div class="text-uppercase bg-white unpaid rightaligned">
<img src="{{ $contract->client->clientDetails->image_url }}"
alt="{{ mb_ucwords($contract->client->clientDetails->company_name) }}"
class="logo" />
</div>
@endif
</td>
</tr>
</table>
</td>
</tr>
<!-- Table Row End -->
<!-- Table Row Start -->
<tr>
<td height="20" colspan="2"></td>
</tr>
<!-- Table Row End -->
</tbody>
</table>
<div>
<h5 class="text-grey text-capitalize">@lang('app.subject')</h5>
<p class="f-15 text-black">{{ $contract->subject }}</p>
<h5 class="text-grey text-capitalize">@lang('app.description')</h5>
<p class="f-15 text-black">{!! nl2br(strip_tags($contract->contract_detail, ['p', 'b', 'strong', 'a'])) !!}</p>
@if ($contract->amount != 0)
<div class="text-right pt-3 border-top description">
<h4>@lang('modules.contracts.contractValue'):
{{ $contract->amount . ' ' . $contract->currency->currency_code }}</h4>
</div>
@endif
<hr class="mt-1 mb-1">
@if ($contract->signature)
<div style="text-align: left; margin-top: 10px">
<h4 class="name" style="margin-bottom: 20px;">@lang('modules.estimates.clientsignature')</h4>
{!! Html::image($contract->signature->signature, '', ['class' => '', 'height' => '75px']) !!}
<p>Client Name:- {{ $contract->signature->full_name }}<br>
Place:- {{ $contract->signature->place }}<br>
Date:- {{ $contract->signature->date }}
</p>
</div>
@endif
@if ($contract->company_sign)
<div style="text-align: right; margin-top: -260px">
<h4 class="name" style="margin-bottom: 20px;">@lang('modules.estimates.companysignature')</h4>
<img src="{{ $contract->company_signature }}" style="width: 200px;">
<p>Date:- {{ $contract->sign_date }}</p>
</div>
@endif
</div>
{{--Custom fields data--}}
@if(isset($fields) && count($fields) > 0)
<div class="page_break"></div>
<h3 class="box-title m-t-20 text-center h3-border"> @lang('modules.projects.otherInfo')</h3>
<table class="bg-white" border="0" cellspacing="0" cellpadding="0" width="100%" role="presentation">
@foreach($fields as $field)
<tr>
<td style="text-align: left;background: none;" >
<div class="f-14">{{ ucfirst($field->label) }}</div>
<p class="f-14 line-height text-grey">
@if( $field->type == 'text' || $field->type == 'password' || $field->type == 'number' || $field->type == 'textarea')
{{$contract->custom_fields_data['field_'.$field->id] ?? '-'}}
@elseif($field->type == 'radio')
{{ !is_null($contract->custom_fields_data['field_'.$field->id]) ? $contract->custom_fields_data['field_'.$field->id] : '-' }}
@elseif($field->type == 'select')
{{ (!is_null($contract->custom_fields_data['field_'.$field->id]) && $contract->custom_fields_data['field_'.$field->id] != '') ? $field->values[$contract->custom_fields_data['field_'.$field->id]] : '-' }}
@elseif($field->type == 'checkbox')
{{ !is_null($contract->custom_fields_data['field_'.$field->id]) ? $contract->custom_fields_data['field_'.$field->id] : '-' }}
@elseif($field->type == 'date')
{{ !is_null($contract->custom_fields_data['field_'.$field->id]) ? \Carbon\Carbon::parse($contract->custom_fields_data['field_'.$field->id])->translatedFormat($contract->company->date_format) : '--'}}
@endif
</p>
</td>
</tr>
@endforeach
</table>
</div>
@endif
</body>
</html>
Zerion Mini Shell 1.0