@extends('backend.master')
@section('content')
    <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>

            <div class="card p-5" id="section-to-print-my-form">
           <div class="container pb-5 mb-5" style="margin-top: 440px">
                    <h6 class="one-heading-text"><span class="s-one-member-info">Member Information</span></h6>
                    <div class="profile_img_sec">
                    <ul class="one-list ">
                        <li>Registration No: {{date('dmY',strtotime($detail->created_at))}}{{$detail->id}}</li>
                        <li>CNIC:{{$detail->cnic}}</li>
                        <li>Member Name: {{$detail->full_name}}</li>
                        <li>S/O or D/O or W/O: {{$detail->guardian_name}}</li>
                        <li>Address: {{$detail->permanent_address}}</li>
                        <li class="pt-5 s-one-ul-li-phone">Phone office, Mobile: {{$detail->mob_no}}</li>
                    </ul>
                    @foreach($detail->plots as $plot)
                    <div class="img-handle">
                        <div class="img-cover">
                            <label class="img-no" for="" style="    right: -65px;">File No.{{$plot->plot_file_no}}</label>
                            <span class="div-border "style="margin-left: 10px;"><img class="" style="width: 100px;height: 100px;border: 1px solid;" src="{{URL::to($detail->image)}}"></span>
                        </div>
                    </div>
                    </div>
                    <div class="border_bottom"></div>
                    <h6 class="one-heading-text pt-4"><span class="s-one-member-info">File/Plot Information</span></h6>
                          @php   $percentage=explode('%',$plot->plot_type); @endphp
                    <ul class="one-list ">
                        <li>Booking Date/Time: {{$detail->created_at}}</li>
                        <li>Block Name: {{$plot->block->block_name}}</li>
                        <li>Plot No: {{$plot->plot_no}}</li>
                        <li>Type: @if(isset($percentage[1])) {{$percentage[1]}} @endif</li>
                        <li>Plot Size: {{$plot->plot_size}}</li>
                        <li>Category:Residential</li>
                    </ul>
                  
                    <div class="border_bottom"></div>
                      <div class="row row-tow pt-4">
                        <div class="col-2">
                            <h6 class="one-heading-text pt-4"><span class="s-one-member-info">Payment Detail</span></h6>
                        </div>
                        <div class="col-3 pt-4 mt-2">
                            Total Price:{{$plot->total_price}}
                            <span class="row-item">Paid Amount:{{$detail->advance_amount}}</span>
                        </div>
                        @php $discount=$plot->total_price-$plot->booking_price @endphp
                        @php $netPrice @endphp
                        @php $netPrice=$plot->total_price-$discount @endphp
                        <div class="col-3 pt-4 mt-2">Discount: {{$discount}}<span class="row-item">O.S Amount:{{$netPrice-$detail->advance_amount}}</span></div>

                        <div class="col-3 pt-4 mt-2">Net Price:{{$netPrice}}</div>
                        <div class="col-9">
                            <div class="s-out-standing-colm"><span>Out Standing Amount will be Paid in Installing As per Schedule</span></div>
                        </div>
                    </div>
                      @endforeach


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

@endsection