<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Marriage Certificate</title>
  <!-- Normalize or reset CSS with your favorite library -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">

  <!-- Load paper.css for happy printing -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.4.1/paper.css">
  
  <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

		<link href="assets/css/main.css" rel="stylesheet" type="text/css">
  <!-- Set page size here: A5, A4 or A3 -->
  
  <!-- Set also "landscape" if you need -->
  <style>@page { size: A5 landscape }</style>
  
  <style>
    .box{
        position: relative;
        display: inline-block; /* Make the width of box same as image */
    }
    .box .text{
        position: absolute;
        z-index: 999;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 40%; /* Adjust this value to move the positioned div up and down */
        text-align: center;
        width: 60%; /* Set the width of the positioned div */
    }
	</style>

</head>

<!-- Set "A5", "A4" or "A3" for class name -->
<!-- Set also "landscape" if you need -->
<body class="A5 landscape"  onafterprint="afterprint()">
  <!-- Each sheet element should have the class "sheet" -->
  <!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
  <section class="sheet padding-10mm"  style="background-image:url('img/hour_of_code_certificate.jpg') !important; background-size: cover !important;" >
  
    <!-- Write HTML just like a web page -->
    <article>
				<div class="row box">
						<div>
							<center><img src="img/output-onlinepngtools.png" style="padding-left: 25px;padding-top: 10px;width: 90%;"></center>
						</div>
						<div class="row text" style="position: absolute;z-index: 999;margin: 0 auto;left: 0;right: 0;top: 55%;text-align: center; width: 100%;">
								<div class="col-xs-12">
									<address>
										<center><b style="font-size: x-large;">{{ __('matrimonial.marriage_certificate') }}</b></center>
									</address>
								</div>
								<div class="col-xs-5" style="padding-left: 10px; padding-left: 68px;">
									<address>
										<strong style="font-size: 16px;">{{ __('matrimonial.mrg_membercode') }}:</strong> <label style="border:1px solid #cecece; border-radius: 15px;padding-left:10px;padding-right:10px; font-size: 16px; "><label   style="font-size: 16px;"><b><?php echo $data['matridata']->mrg_membercode; ?></b></label></label>
									</address>
								</div>
								<div class="col-xs-2 text-center">
									<address>
										<strong  style="font-size: x-large;"><center><center>({{ __('matrimonial.mrg_thirodi') }})</center></strong>
									</address>
								</div>
								<div class="col-xs-5 text-left" style="padding-top: 10px; padding-left: 68px;">
									<address>
										<strong  style="font-size: 16px;">{{ __('matrimonial.mrg_printerdate') }}:</strong><label   style="font-size: 16px;"><?php echo date("d-m-Y",strtotime($data['matridata']->mrg_certificatedate)); ?></label>
									</address>
								</div>
						</div>
				</div>
				
				<div class="row"  style="padding-left: 43px;">
					<div class="col-xs-4">
						<address style="padding-top: 25px; margin-bottom: -1px;">
							<strong style="font-size: 16px;">{{ __('matrimonial.mrg_no') }}:</strong>  	<label   style="font-size: 16px; color: red !important;"><?php print_r($data['matridata']->mrg_no); ?></label>
							<div style="padding-top: 5px;">
								<strong style="font-size: 16px;">{{ __('matrimonial.mrg_name') }}:</strong>  <label   style="font-size: 16px;">{{ $data['matridata']->mrg_name }}</label>
							</div>
						</address>
					</div>
					<div class="col-xs-4">
						<address style="padding-top: 25px; margin-bottom: -1px;">
							<strong style="font-size: 16px;">&nbsp;</strong>  <label   style="font-size: 16px; color: red;">&nbsp;</label>
							<div style="padding-top: 5px;">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;	<strong style="font-size: 16px;">{{ __('matrimonial.mrg_father') }}:</strong> <label style="font-size: 16px;">{{ $data['matridata']->mrg_father }}</label>
							</div>
						</address>
					</div>
					<div class="col-xs-4">
						<address style="padding-top: 25px;margin-bottom: -1px;">
							<strong style="font-size: 16px;">&nbsp;</strong>  <label   style="font-size: 16px; color: red;">&nbsp;</label>
							<div style="padding-top: 5px;">
								<strong style="font-size: 16px;">{{ __('matrimonial.mrg_dob') }}:</strong>
								<label   style="font-size: 16px;"><?php echo date("d-m-Y",strtotime($data['matridata']->mrg_dob)); ?></label>
							</div>
						</address>
					</div>
				</div>
				<div class="row" style="padding-left: 43px;">
					<div class="col-xs-12">
							<strong style="font-size: 16px;">{{ __('matrimonial.mrg_address') }}:</strong> <label   style="font-size: 16px;"><?php echo $data['matridata']->mrg_address; ?></label>
					</div>
				</div>
				<div class="row" style="padding-left: 43px;">
					<div class="col-xs-12">
						<address >
							<strong style="font-size: 16px;">{{ __('matrimonial.mrg_nikah_location') }}:</strong> <label   style="font-size: 16px;"><?php print_r($data['matridata']->mrg_location); ?></label>
							<div style="padding-top: 5px;">
							<strong style="font-size: 16px;">{{ __('matrimonial.mrg_marrdate') }}:</strong> <label   style="font-size: 16px;"><?php echo date("d-m-Y",strtotime($data['matridata']->mrg_marriagedate)); ?></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong style="font-size: 16px;">{{ __('matrimonial.mrg_marriagetime') }}:</strong>  <label   style="font-size: 16px;"><?php echo date("h:i A",strtotime($data['matridata']->mrg_marriagetime)); ?></label>
							</div>
						</address>
					</div>
				</div>
				<div class="row" style="padding-left: 43px;">
					<div class="col-xs-6">
						<address>
							
						</address>
					</div>
					<div class="col-xs-6">
						<address>
							
						</address>
					</div>
				</div>
						<div class="row" style="padding-left: 43px;">
						
							<div class="col-xs-4 " >
								<address>
<label style="border:1px solid #cecece; border-radius: 15px;padding-left:10px;padding-right:10px; font-size: 16px; ">
	<label id="receiptamt1"><label>
		<span style="font-size: x-large;font-family: latolight;font-size: 26px;font-weight: 500;line-height: 1.1; padding-left: 0px;">Rs.</span>
	<span style="display: block;margin-bottom: -.6em;"></span>
		<span style="font-size: 10px;padding-left: 5;">Received</span></label> <label style="font-size: x-large;font-family: latolight;font-size: 36px;font-weight: 500;line-height: 1.1;">{{ $data['matridata']->mrg_cost }}/-</label>
	</label>
</label>
								</address>
							</div>
							<div class="col-xs-4">
								<address class="text-left">
									<br>
									<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong style="font-size: 16px;">ಮೊಹರು</strong>
									
								</address>
							</div>
							<div class="col-xs-4">
								<address class="text-right">
									<br>
									 <b>President/Secretary&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b><br>
									{{ __('matrimonial.print_signature') }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								</address>
							</div>
						</div>
	</article>

  </section>
</body>
<script>
$(document).ready(function()
{
	//window.print();
});
function afterprint()
{
	//window.close();
}
</script>
</html>