@extends('layouts.app', ['page' => __('View Proposal'), 'pageSlug' => 'Proposal'])

@section('content')
<style>
    .invoice-card{
        background:#ffffff;
        padding:50px;
    }
    .address-from{
        color:black;
        font-weight:1000;
        text-align:end;
        margin-bottom:0px;
        margin-top:20px;
    }
    .text-propose{
        color:#5c5c5c;
        padding:0px;
        font-size: 16px;
        font-weight: 600;
        margin:0px;
    }
    .text-propose-2{
        color:#5c5c5c;
        padding:0px;
        font-size: 14px;
        margin:0px;
    }
    .address-from-text{
        color:black;
        text-align:end;
    }
    .address-to-text{
        color:black;
        text-align:start;
    }
    .text-black{
        color:black;
    }
    .text-label-hr{
        padding:10px;
        width: 100%;
        background: #a3b6f9;
         /*#4e62ab */
        color: white;
        margin-top: 10px;
    }
    .text-quote{
        color:#5c5c5c;
        padding: 20px 0px;
    }
    .table-invoice{
        /*background:#4e62ab;*/
         background: #a3b6f9;
    }
    .table-invoice thead{
        background:#384575;
        
    }
     .table-invoice th{
         color:#fff !important;
     }
    .sub-heading{
        text-align: end;
        padding-right: 80px;
    }
    /* .sub-heading-empty{
        background:white;
        border:none;
    } */
</style>
    <div class="cotainer" style="padding:10px;">
        <div class="row">
            <!-- <button type="submit" class="btn btn-fill btn-primary" onclick="printJS('invoice-card', 'html')" onclick="printPDF();">Print PDF <i class="tim-icons icon-single-copy-04"></i></button> -->
            <button type="submit" class="btn btn-fill btn-primary" onclick="printPDF();">Print PDF <i class="tim-icons icon-single-copy-04"></i></button>
        </div>
    </div>
   
    <div class="cotainer invoice-card" id="invoice-card">
        <div class="row">
            <div class="col-md-6">
                <img src="{{asset('uploads/invoice_logo/logo.png')}}" >
                <h4 class="text-propose">Proposal Number : {{$model->proposal_number}}</h4><r>
                <h4 class="text-propose-2">Proposal Date : {{$model->propsal_date}}</h4>
            </div>
            <div class="col-md-6">
                <h2 class="address-from">NK DECIBELS</h2>
                <p class="address-from-text"><b class="text-propose">Address : </b>House No : 05, Velachery, Chennai - 600042 </p>
                <p class="address-from-text"><b class="text-propose">Email : </b>admin@gmail.com</p>
                <p class="address-from-text"><b class="text-propose">Phone : </b>908976555</p>
                <p class="address-from-text"><b class="text-propose">Website : </b>https://nkdecibels.com</p>
            </div>
        </div>

        <div class="row">
            <h3 class="text-label-hr">Proposal for :  {{ $model->customer_name }}</h3>
        </div>


        <!--<p class="address-to-text"><b class="text-propose">Name : </b> {{ $model->customer_name }}</p>-->
        <!--<p class="address-to-text"><b class="text-propose">Email : </b>{{ $model->customer_email }}</p>-->
        <!--<p class="address-to-text"><b class="text-propose">Phone : </b>{{ $model->customer_phone }}</p>-->


        <div class="row">
            <div class="col-md-6" style="padding: 0px 10px 0px 0px; margin:0px;">
                <h3 class="text-label-hr">Service Address</h3>

                <p class="address-to-text" style="margin: 0px 15px;">{{ $model->customer_service_address }}, <br><b class="text-propose">Email : </b> {{ $model->customer_email }}, <br><b class="text-propose">Phone : </b>{{ $model->customer_phone }}</p>
            </div>
            <div class="col-md-6" style="padding: 0px 0px 0px 10px; margin:0px;">
                <h3 class="text-label-hr">Billing Address</h3>
 
                <p class="address-to-text" style="margin: 0px 15px;">{{ $model->customer_billing_address }}, <br><b class="text-propose">Email : </b> {{ $model->customer_email }}, <br><b class="text-propose">Phone : </b>{{ $model->customer_phone }}</p>
            </div>
        </div>

        <p class="text-quote">
            We have a proposed pricing for {{ $model->customer_name }}. Products/Services and price are enlisted below. If you have 
            any question regarding this proposal, please let us know.
            Thank you!
        </p>

        <table class="table table-invoice">
            <thead>
                <tr>
                    <th>SNO</th>
                    <th>Product Name</th>
                    <th>Qty</th>
                    <th>Unit Price</th>
                    <th>Total</th>
                </tr>
            </thead>
            <tbody>
                @php
                        $i = 1;
                        $sub_total = 0;
                @endphp

                @forelse($proposaldetails as $proposaldetail)
                @php
                        $sub_total += $proposaldetail -> quantity * $proposaldetail -> price;
                @endphp
                <tr>
                    <td>{{ $i++ }}</td>
                    <td>{{ $proposaldetail -> product_name }}</td>
                    <td>{{ $proposaldetail -> quantity }}</td>
                    <td>₹ {{ $proposaldetail -> price }}</td>
                    <td>₹ {{ $proposaldetail -> quantity * $proposaldetail -> price }}</td>
                </tr>
                
                @empty
                    <p>No Products Added</p>
                @endforelse

                @php
                    $discount_str = "";
                        if($model->discount_type == 1)
                        {
                            $discount_str = $model->discount.'%';
                        }
                        else
                        {
                            $discount_str = "Flat ₹".$model->discount;
                        }
                @endphp

                <tr>
                    <td colspan="3" class="sub-heading-empty"></td>
                    <td colspan="1" class="sub-heading">SUB TOTAL</td>
                    <td>₹ {{ $sub_total }}</td>
                </tr>
                <tr>
                    <td colspan="3" class="sub-heading-empty"></td>
                    <td colspan="1" class="sub-heading">Discount({{$discount_str}})</td>
                    <td>- ₹{{ $sub_total * $model->discount/100 }}</td>
                </tr>
                <tr>
                    <td colspan="3" class="sub-heading-empty"></td>
                    <td colspan="1" class="sub-heading">Other Tax(%)</td>
                    <td>+ ₹{{ $model->tax }}</td>
                </tr>
                <tr>
                    <td colspan="3" class="sub-heading-empty"></td>
                    <td colspan="1" class="sub-heading">Shipping/Other (+)</td>
                    <td>+ ₹{{ $model->shipping_other }}</td>
                </tr>
                <tr>
                    <td colspan="3" class="sub-heading-empty"></td>
                    <td colspan="1" class="sub-heading">Grand Total</td>
                    <td>₹{{ $model->total }}</td>
                </tr>
            </tbody>
        </table>

        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>

        <div class="row">
            <h3 class="text-label-hr">Additional Notes:</h3>

            <p class="text-quote" style="padding:0px;">
                We have a proposed pricing for {{ $model->customer_name }}. Products/Services and price are enlisted below. If you have 
                any question regarding this proposal, please let us know.
                Thank you!
            </p>

        </div>

        <br>
        <br>
        <br>


        <div class="row">
            <h3 class="text-label-hr">Terms and Conditions :</h3>

            <p class="text-quote" style="padding:0px;">
                We have a proposed pricing for {{ $model->customer_name }}. Products/Services and price are enlisted below. If you have 
                any question regarding this proposal, please let us know.
                Thank you!
            </p>
        </div>
    
    </div>

@endsection