@extends('backend.master')
@section('content')
<style>

    .watermark {
    opacity: 1;
    color: BLACK;
    position: fixed;
    text-align: center;
    margin-top: 50%;
    margin-left: 30%;
    
}
</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">Buyer Details</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($details as $key=>$detail)
          
            
          
           
            
            <div class="card p-5" id="section-to-print-my-form">

                <div class="row">
                    
                    <!--<div class="title-text-for-print-page col-lg-10">-->
                    <!--    <div class="text-center">-->
                    <!--         <img src="{{URL::to('back/assets/images/brand/logo.png')}}">-->
                    <!--        <address>-->
                    <!--            <p>-->
                    <!--                Call :  92-42-37308833, 0302-9424823, 0300-4683818-->
                    <!--            </p>-->
                    <!--            <p>-->
                    <!--                WebSite : www.lakeviewcity.pk-->
                    <!--            </p>-->
                    <!--            <p>-->
                    <!--                info@lakeviewcity.pk-->
                    <!--            </p>-->
                    <!--        </address>-->
                    <!--    </div>-->
                    <!--</div>-->
                    <div class="col-lg-12 ">
                     <img style="    height: 161px;
    width: 188px;" class="float-right" src="{{URL::to('back/assets/images/brand/logo1.png')}}">
                    </div>
                </div>
                <div class="row align-items-center">
                    <div class="col-9">
                        <div class="form-entries-with-data">
                            <div><b>Name Mr./Mrs./Miss</b></div>
                            <div class="input-data-underline">{{$detail['full_name']}}</div>
                        </div>
                        <div class="form-entries-with-data">
                            <div><b>Father's Name/ Husband's Name</b></div>
                            <div class="input-data-underline">{{$detail['guardian_name']}}</div>
                        </div>
                        <div class="form-entries-with-data">
                            <div><b>Permanent Address</b></div>
                            <div class="input-data-underline">{{$detail['permanent_address']}}</div>
                        </div>
                        <div class="form-entries-with-data ">
                            <!-- <div><b>Permanent Address</b></div> -->
                            <div class="input-data-underline mt-5 mb-2"></div>
                        </div>
                    
            @if($key!=0)
            <div class="watermark" style="font-size: 100px">
                            <h1>  File Transfered </h1>
                        </div>
            @endif
                        
                        
                        <div class="form-entries-with-data">
                            <div><b>Corresspondence Address</b></div>
                            <div class="input-data-underline">{{$detail['correspondence_address']}}</div>
                        </div>
                        <div class="form-entries-with-data ">
                            <!-- <div><b>Permanent Address</b></div> -->
                            <div class="input-data-underline mt-5 mb-2"></div>
                        </div>
                        <div class="form-entries-with-data">
                            <div><b>National Identity Card Number</b></div>
                            <div class="input-data-underline">{{$detail['cnic']}}</div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-entries-with-data">
                                    <div><b>Telephone No.</b></div>
                                    <div class="input-data-underline">{{$detail['tell_no']}}</div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-entries-with-data">
                                    <div><b>Mobile No.</b></div>
                                    <div class="input-data-underline">{{$detail['mob_no']}}</div>
                                </div>
                            </div>
                        </div>
                        <div class="form-entries-with-data">
                            <div><b>Email:</b></div>
                            <div class="input-data-underline">@if(!empty($detail['email'])){{$detail['email']}} @else NA @endif</div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="dummy-image-box ml-2">
                            <div class="dummy-photo-tag"><img src="{{URL::to($detail['image'])}}"></div>
                        </div>
                    </div>
                </div>
                @foreach($detail->plots as $plot)
                    <div>

                        <p class="section-full-width-heading">Plot's Detail</p>
                        <div class="row">
                            <div class="col-3">
                                <div class="form-entries-with-data">
                                    <div><b>Plot No:</b></div>
                                    <div class="input-data-underline">{{$plot->plot_no}}</div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-entries-with-data">
                                    <div><b>Block:</b></div>
                                    <div class="input-data-underline">{{$plot->block->block_name}}</div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-entries-with-data">
                                    <div><b>Size:</b></div>
                                    <div class="input-data-underline">{{$plot->plot_size}}</div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-entries-with-data">
                                    <div><b>Dmensions:</b></div>
                                    <div class="input-data-underline">{{$plot->plot_dimenssion}}</div>
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-5">
                                <div class="form-entries-with-data">
                                    <div><b>Plot's Price Rs:</b></div>
                                    <div class="input-data-underline">{{$plot->plot_price}}</div>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-entries-with-data">
                                    <div><b>Plot Type</b></div>
                                    <div class="input-data-underline">{{$plot->plot_type}}</div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-entries-with-data">
                                    <div><b>Total Price:</b></div>
                                           @php

                                            $percentage=explode('%',$plot->plot_type);

                                    @endphp
                                    <div class="input-data-underline">@if(isset($percentage)){{$plot->plot_price+$plot->plot_price*(int)$percentage[0]/100}} @else $plot->plot_price @endif </div>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-entries-with-data">
                                    <div><b>Plot File No:</b></div>
                                    <div class="input-data-underline">{{$plot->plot_file_no}}</div>
                                </div>
                            </div>
                        </div>
                    </div>





                <div>
                    <p class="section-full-width-heading">Booking Schedule</p>
                    <div class="row">
                        <div class="col-3">
                            <div class="form-entries-with-data">
                                <div>Booking Price Rs.</div>
                                <div class="input-data-underline">{{$plot['booking_price']}}</div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-3">
                            <div class="form-entries-with-data">
                                <div>Advance Amount.</div>
                                <div class="input-data-underline">{{$detail['advance_amount']}}</div>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-between">
                        <div class="col-3">
                            <div class="form-entries-with-data">
                                <div>Balance RS:</div>
                                <div class="input-data-underline">{{$plot['booking_price']-$detail['advance_amount']}}</div>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="form-entries-with-data">
                                <div>Date/Time.</div>
                                <div class="input-data-underline">{{$detail['created_at']}}</div>
                            </div>
                        </div>
                    </div>

                </div>
                @endforeach

                <div>
                    <p class="section-full-width-heading">Next Of Kin</p>
                    <div class="row">
                        <div class="col-9">
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-entries-with-data">
                                        <div>Name:</div>
                                        <div class="input-data-underline">{{$detail['kin_full_name']}}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-entries-with-data">
                                        <div>CNIC:</div>
                                        <div class="input-data-underline">{{$detail['kin_cnic']}}</div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-entries-with-data">
                                        <div>Relationship:</div>
                                        <div class="input-data-underline">{{$detail['kin_relationship']}}</div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12">
                                    <div class="form-entries-with-data">
                                        <div>Mobile:</div>
                                        <div class="input-data-underline">{{$detail['kin_mob_no']}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-3">
                            <div class="dummy-image-box ml-2">
                                <div class="dummy-photo-tag"><img src="{{URL::to($detail['kin_image'])}}"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <p class="section-full-width-heading">Terms For Booking</p>
                    <div class="px-3">
                        <p>I am interested to purchase a Plot in your residential LAKE VIEW CITY, Situated on Ghaus e Azam
                            Road Rawalpindi. I have also read the “Terms and Condition” of booking on the back of the application form. I shall abide by the rules and regulations formed by M/s RAMZ Developers from time to time for the maintenance and smooth functioning of the scheme. </p>
                    </div>
                    <div class="px-3">
                        <p>I here declare and certify that the above particulars are correct </p>
                    </div>
                    <div class="row align-items-center justify-content-center">
                        <div class="col-3">
                            <div class="form-entries-with-data">
                                <div><b>Date:</b></div>
                                <div class="input-data-underline"></div>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-entries-with-data">
                                <div><b>Signature.</b></div>
                                <div class="input-data-underline"></div>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-entries-with-data">
                                <div><b>Thumb Impression:</b></div>
                                <div class="input-data-underline"></div>
                            </div>
                        </div>
                    </div>

                    <div class="px-3">
                        <p>1. Please Notify Change of address immediately.</p>
                        <p>2. Bank Draft / Pay Order to be made by payable to RAMZ Developers (Regd.) </p>
                    </div>
                </div>
                             <div class=" card">
                        <div class="card-header">
                            All Documents
                        </div>
                        <div class="row">
                        @if(count($detail->documents)>0)
                            @php $i=1 @endphp
                            @foreach($detail->documents as $document)
                                <div class="col-md-4 col-lg-4">
                                    @php $file=explode('images',$document->file) @endphp
                                    <h4>{{$i}} {{$file[1]}}</h4>
                                    <a href="{{asset($document->file)}}" target="_blank">
                                        <img style="height: 200px;height: 200px" src="{{URL::to('front/images/preview.jpg')}}">
                                    </a>
                                </div>
                                @php $i++; @endphp
                            @endforeach
                        @endif
                        </div>
    
                    </div>




                <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>
            
            @endforeach
        </div>
    </div>

@stop