@extends('layouts.app')
@section('content')

	<style type="text/css">
		.container{
			padding-top: 30px;
			background-color: #F5F5F5;
		}
		.table tr td{
			border: 0px;
		}
		#top_table tr td {
			padding: 8px;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
			text-align: right;
		}
		
		hr{
			background-color: black;
			margin: 0px;
			margin-top: 5px;
		}
		
		#header tr td {
			text-align: center;
			padding: 0px

		}
		#header tr td.data {
			border-bottom-style: dashed;
    		border-bottom-width: 2px;
    		border-bottom-color: black;
    		min-width: 90px;
		}
		#tb_content tr th{
			text-align: center;
			border: 1px solid black;
		}
		#tb_content tr td{
			text-align: center;
			border: 1px solid black;
		}
		#tb_account tr td {
			border: 1px solid black;
		}
		#tb_account tr td {
			text-align: right;
			padding: 4px;
			height: 32px;
			min-width: 20px;
		}
		#top_table #top_table_tr td {
			border-top: none;
		}
	</style>

	<div class="row">
		<div class="col-md-12">
		<h1 class="text-center">سند پرداخت</h1>
		<br>
		<div class="row">
			<div class="col-md-3 col-sm-0">
			</div>
			<div class="col-md-3 col-sm-5">
				<img src="logo.jpg" width="160px">
			</div>
			<div class="col-md-1 col-sm-1">
			</div>
			<div class="col-md-3 col-sm-5">
				<table class="table" id="top_table">
					<tr id="top_table_tr">
						<td></td>
						<td>-: نام</td>
					</tr>
					<tr>
						<td></td>
						<td>-:  آدرس</td>
						
					</tr>
					<tr>
						<td></td>
						<td>-: شهر</td>
					</tr>
					<tr>
						<td></td>
						<td>-: شماره تماس</td>
					</tr>
				</table>
			</div>
			
		</div>
		<hr>
		<hr>
		<br>
		<div class="row">
			<div class="col-md-12">
				<table class="table" id="header">
					<tr>
							<td class="data"></td>
							<td>: بابت </td>
							<td class="data"></td>
							<td>: نمترپرداخت </td>
							<td class="data"></td>
							<td>: کود </td>
							<td class="data"></td>
							<td>: نام </td>
					</tr>
				</table>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<table class="table" id="tb_content">
					<tr>
						<th>دریافتی</th>
						<th>پرداختی</th>
						<th>اصعار</th>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">
				<table class="table" id="header">
					
					<tr>
						<td height="22px"></td>
						<td></td>
					</tr>
					<tr>
						<td class="data"></td>
						<td>-:  امضا</td>
					</tr>
				</table>
			</div>
			<div class="col-md-8">
				<table class="table" id="header">
					<tr>
						<td class="data"></td>
						<td>-:  جزئیات</td>
						<td class="data"></td>
						<td>-: تاریخ</td>
						<td class="data"></td>
						<td>-: مقدار </td>
					</tr>
					<tr>
						<td height="16px"></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td class="data"></td>
						<td>-:  گیرنده</td>
						<td class="data"></td>
						<td>-:  حسابدار</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<table class="table" id="tb_account">
					<tr>
						<td colspan="3"></td>
						<td>قبول کننده</td>
						<td>چک  کننده</td>
						<td>ایجاد کننده</td>
					</tr>
					<tr>
						<td rowspan="3"></td>
						<td></td>
						<td>دریافت</td>
						<td rowspan="3"></td>
						<td rowspan="3"></td>
						<td rowspan="3"></td>
					</tr>
					<tr>
						<td colspan="2">امضا</td>
					</tr>
					<tr>
						<td></td>
						<td>نام</td>
					</tr>
				</table>
			</div>
		</div>
		
	</div>
	</div>
<script>
    window.print();
</script>
@endsection