@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"><button type="button" id="form-print-btn" class="btn btn-primary float-right" onclick="printpage()"><i class="si si-printer"></i> Print All Pages
                    </button></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>
        
        @foreach($detail as $file)
        <div class="card p-5" id="section-to-print-my-form" style="">
            <div style="margin-top: 115px">
                <p> <strong style="font-size: 22px;"> {{$file->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($file->opening_date))}}
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 5px;">
                            {{$file->plot_type}}
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 5px;">
                            {{$file->plot_size}}
                        </td>
                    </tr>
                </table>

                <table style="float: right;margin-right: 8px;width: 250px;font-size: 22px;">
                    <tr>
                        <td style="padding: 5px;">
                            {{$file->registration_no}}
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 5px;">
                            {{$file->form_no}}
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 5px;">
                            {{$file->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">
                            {{$file->booking}}
                        </td>
                        <td   class="_td_th">
                            {{$file->confirmation}}
                        </td>
                        <td   class="_td_th">
                            {{$file->monthly_installment}}
                        </td>
                        <td   class="_td_th">
                            {{$file->half_year_inst}}
                        </td>
                        <td   class="_td_th">
                            {{$file->on_possesion}}
                        </td>
                        <td   class="_td_th">
                            {{$file->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">
                    
                </div>
            </div>
        </div>
        <div class="pagebreak"> </div>
        @endforeach
    </div>
</div>



@endsection