@extends('backend.master')
@section('content')
<style>
table, th, td {
//border: 1px solid black;
//border-collapse: collapse;
padding-bottom: 5px;
padding-top: 5px;

}
.details{
   
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
._td_th{
    border: 1px solid black;
border-collapse: collapse; 
padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
</style>
<div class="app-content my-3 my-md-5">
    <div class="side-app">
        <div id="head-of-page" class="page-header">
            <h4 class="page-title">File Info</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Components</a></li>
                <li class="breadcrumb-item active" aria-current="page">Invoice</li>
            </ol>
        </div>

        <div class="card p-5" id="section-to-print-my-form" style="">
            <div style="margin-top: 115px">
                <p> <strong style="font-size: 22px;"> {{$detail[0]['block_name']}} </strong> </p>
                      <table style="float: left;margin-left: 185px;width: 260px;font-size: 22px;">
                    <tr>
                        <td style="padding: 5px;">
                            {{date('M d,Y',strtotime($detail[0]['opening_date']))}}
                        </td>
                    </tr>
                     <tr>
                        <td style="padding: 5px;">
                            {{$detail[0]['plot_type']}}
                        </td>
                    </tr>
                     <tr>
                        <td style="padding: 5px;">
                            {{$detail[0]['plot_size']}}
                        </td>
                    </tr>
                </table>
                
                <table style="float: right;margin-right: 8px;width: 250px;font-size: 22px;">
                    <tr>
                        <td style="padding: 5px;">
                            {{$detail[0]['registration_no']}}
                        </td>
                    </tr>
                     <tr>
                        <td style="padding: 5px;">
                            {{$detail[0]['form_no']}}
                        </td>
                    </tr>
                     <tr>
                        <td style="padding: 5px;">
                            {{$detail[0]['security_code']}}
                        </td>
                    </tr>
                </table>
                </div>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br><br>
            <br>
            <br>
            <br>
            <br>
            <br><br>
            <br>
            <br>
            <br>
            <div style="display: none">
                <p>
                    <strong> Lake View City </strong> is the project of <strong> RAMZ Developer </strong>
                </p>
                <p>
                    The management of <strong> RAMZ Developer </strong> issued this <strong> OPEN CERTIFICATE OF REGISTRATION </strong> as per your request. 
                </p>
                <p>
                    The bearer of this <strong> OPEN CERTIFICATE OF REGISTRATION </strong> shall be eligible to book one plot in <strong> Lake View City </strong> as per size and type of plot specified on this certificate.
                </p>
                <p>
                    The management of <strong> RAMZ Developer </strong> shall not be responsible for any loss or theft of the certificate and only the bearer of this open certificate shall be considered as the lawful owner.
                </p>
            </div>
            <div>
                <table style="margin-left: 0px;margin-top: 35px" class="details">
                    <tr class="_td_th">
                        <th  class="_td_th">
                            Booking
                        </th>
                        <th  class="_td_th">
                            Confirmation
                        </th>
                        <th  class="_td_th">
                            Monthly Installment
                        </th>
                        <th  class="_td_th">
                            Half Yearly Installment
                        </th>
                        <th  class="_td_th">
                            On Possession
                        </th>
                        <th  class="_td_th">
                            Total Price
                        </th>
                    </tr>
                    <tr>
                        <td   class="_td_th">
                            {{$detail[0]['booking']}}
                        </td>
                        <td   class="_td_th">
                            {{$detail[0]['confirmation']}}
                        </td>
                        <td   class="_td_th">
                            {{$detail[0]['monthly_installment']}}
                        </td>
                        <td   class="_td_th">
                            {{$detail[0]['half_year_inst']}}
                        </td>
                        <td   class="_td_th">
                            {{$detail[0]['on_possesion']}}
                        </td>
                        <td   class="_td_th">
                            {{$detail[0]['total']}}
                        </td>
                    </tr>
                    
                </table>
            </div>
            
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
                        <img src="{{$url}}" width="150" height="150" style="margin-left: 35%;margin-top: 140px">
            <span style="margin-left: 30%;margin-top: 10px">  https://lakeviewcityislamabad.com/</span>
            <div class="container pb-5 mb-5" style="margin-top: 0px">
                
                <div class="card-body">
                    <button type="button" id="form-print-btn" class="btn btn-primary float-right" onclick="printpage()"><i class="si si-printer"></i> Print Details
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection