@extends('layouts.print')

@section('content')
<style>
	.container {
		width: 215mm !important;
		margin-top: 10px;
	}

	.panelBody {
		font-family: 'Khmer OS Content' !important;
	}

	.contract-title {
		font-family: 'Khmer OS Content' !important;
	}
	.letter-bold {
		font-weight: bold !important;
	}
	b {
		padding: 0 20px !important;
	}
	.colorsd {
		color: blue !important;
	}
	.line_hight {
		line-height:30px;
	}
</style>
<div class="content-wrapper">
	<div class="box">
		<div class="content">
			<div class="container">
				<div class="page">
					<div id="exportContent">
						<div id="panelPrint">
							<div class="panelBody">
								<div class="bg_image" style="line-height: 50px !important;">
									<div>
										<button class="btn btn-primary hidden-print pull-right" onclick="myFunction()"><span class="glyphicon glyphicon-print" aria-hidden="true"></span> Print</button>
									</div>
									<table width="100%" align="center">
										
										<tr>
											<td class="line_hight" align="center" style="font-family: 'Khmer OS Muol Light'">
                                                <br><h4>ឧបសម្ព័ន្ធ២</h4>
                                                <h5>តារាងតម្លៃសេវាកម្មថែទាំបុរី</h5>
												<h5>ទីតាំងបុរី ថៃ ឈុនគ្រី​ គម្រោង {{ $contract[0]->project_name }}</h5>
											</td>
                                        </tr>

                                        <tr>
											<td class="line_hight">
												<div class="col-sm-11">
													* តម្លៃសេវាកម្មថែទាំបុរី ប្រចាំខែ (​ បង់មុនរៀងរាល់០៣ខែម្តង ឬ កន្លះឆ្នាំ ឬមួយឆ្នាំម្តង )
                                                </div>
                                                <div class="col-sm-11">
													* ភាគីអ្នកទិញផ្ទះ ( ម្ចាស់ផ្ទះ ) មានកាតព្វកិច្ចបង់ថ្លៃសេវាថែទាំ បុរី ដូចខាងក្រោម ៖
												</div>
											</td>
										</tr>
                                        
										<tr>
											<td>
												<center>
													<table class="tables">
														<tr>
															<td width="20%" align="center" class="font">លេខរៀង</td>
															<td width="25%" align="center" class="font">ប្រភេទគេហដ្ឋាន(ផ្ទះ)</td>
															<td width="30%" align="center" class="font">តម្លៃសេវាកម្មប្រចាំខែ</td>
                                                        </tr>
                                                        @foreach($contract as $key=>$value)
                                                            <tr>
                                                                <td width="20%" align="center" class="font">{{ $key+1 }}</td>
                                                                <td width="20%" align="center" class="font">{{ $value->sub_category_name }}</td>
                                                                <td width="20%" align="center" class="font">$ {{ number_format($value->sub_category_amount,2) }}</td>
                                                            </tr>
                                                        @endforeach
													</table>
												</center>
											</td>
										</tr>
										
										<tr>
											<td class="line_hight">
												<div class="col-sm-12">
                                                    <span class="letter-bold" style="font-family: 'Khmer OS Muol Light';float: left;display: block !important;">​បញ្ជាក់៖​ ​-​</span>
                                                    <span style="margin-left: 80px !important;display: block !important;">
                                                         ថ្លៃ​សេវា​កម្ម​ថែ​ទាំ​បុរី​នេះ​ ​គឺ​ជា​ការ​ចូល​រួម​របស់​ម្ចាស់​គេហដ្ឋាន​ ​(ផ្ទះ)​ ​ទៅ​លើ​ការ​​ ​ចំណាយ​ផ្សេងៗ​មាន​ដូច​ជា​ ​សេវា​កម្ម​ថែ​ទាំ​ដើម​ឈើ​ ​អនាម័យ​ដង​ផ្លូវ​សាធារណៈ​ ភ្លើង​បំភ្លឺ​ផ្លូវ​សាធារណៈ​ ​សេវា​អនាម័យ​រួម​ក្នុង​បុរី​ ​(​ផ្លូវ​ប្រើ​ប្រាស់​រួម​ក្នុង​បុរី​)​ ​មិន​មែន​ជា​សេវា​កម្ម​សម្រាប់​ធានា​រ៉ាប់​រង​ចំពោះ​ការ​បាត់​បង់​​ ​ឬ​ខូច​ខាត​ទ្រព្យ​សម្បត្ដិ​ផ្សេងៗ​របស់​ម្ចាស់​គេហ​ដ្ឋាន​នោះ​ឡើយ​។​ ​រាល់​ការ​ប្រារព្ធ​ពីធី​ផ្សេងៗ​ ​របស់​ម្ចាស់​គេហ​ដ្ឋាន​
                                                        ​នៅ​ក្នុង​បុរី​ ​ម្ចាស់​គេហ​ដ្ឋាន​(​ម្ចាស់​កម្ម​វិធី​)​ ​ត្រូវ​ជូន​ដំណឹង​មក​ ​<span style="font-family: 'Khmer OS Muol Light'">​ ​ការិយា​ល័យ​ ​បុរី​ ​ថៃ​ ​ឈុនគ្រី​​​ ​</span>
                                                        ​មុន​03ថ្ងៃ​ ​ដើម្បី​ផ្នែក​គ្រប់​គ្រង​បុរី​ងាយ​ស្រួល​ក្នុង​ការ​សម្រួល​សណ្ដាប់​ធ្នាប់​នៅ​ក្នុង​បុរី​​។​<br/>
                                                        ​(​*​មិន​រាប់​បញ្ចូល​ថ្លៃ​សេវា​អនាម័យ​តាម​ផ្ទះ​ ​និង​ ​រាល់​ការ​ប្រារព្ធ​ពីធី​ផ្សេងៗ​ របស់​ម្ចាស់​គេហ​ដ្ឋាន​ទេ​)​
                                                    </span>
												</div>
											</td>
										</tr>
										<tr>
											<td class="line_hight">
												<div class="col-sm-12">
													***​ ​តារាង​តម្លៃ​សេវា​ខាង​លើ​នេះ​ អាច​នឹង​ប្រែ​ប្រួល​ផ្អែក​ទៅ​តាម​ការ​ចំណាយ​ជាក់​ស្ដែង​ ​និង​តាម​ទី​តាំង​បុរី​ ​ផ្នែក​គ្រប់​គ្រង​បុរី​រក្សា​សិទ្ធ​ក្នុង​ការ​កែ​ប្រែ​តម្លៃ​ ​ក្នុង​ករណី​ចាំ​បាច់​ណា​មួយ​ ​នឹង​ជូន​ដំណឹង​ជា​មុន​រយៈ​ពេល​01​ខែ​។​
												</div>

											</td>
										</tr>
										<tr>
                                            <td style="text-align: center !important">
                                                <br/>
												<center>
                                                    <table width="100%" border="0" style="text-align: center !important;">

                                                        <tr align="center">
                                                            <td align="center" class="letter-bold">ស្នាមមេដៃស្ដាំតំណាងភាគី(ក)</td>
    
                                                            <td align="center" class="letter-bold">ស្នាមមេដៃស្ដាំភាគី(ខ)</td>
    
                                                        </tr>
                                                        <tr align="center">
                                                            <td align="center"><br/><br/><br/> .....................................</td>
                                                            <td align="center"><br/><br/><br/><br/>{{$contract[0]->client_fullname}}</td>
                                                        </tr>
                                                    </table>
                                                </center>
											</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>
<style>
	@media print {
		.panelBody{
			font-size: 15px !important;
		}
		.panelBody tr td{
			font-size: 15px !important;
		}
   
}
</style>
<script>
    function myFunction() {
        window.print();
    }
</script>
@endsection