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

@section('content')
<style>
        .invoice-card {
            background: #ffffff;
            padding: 50px;
        }
       .border{ 
            border: none; 
            height: 2px; 
            background-color: #c9c3c3; 
            margin: 10px 0; 
       }
        .address-from {
            color: black;
            font-weight: 500;
            font-size: 16px;
            margin-bottom: 0px;
            margin-top: 0px;
        }

        .text-propose {
            color: #5c5c5c;
            padding: 0px;
            font-size: 16px;
            font-weight: 600;
            margin: 0px;
        }

        .text-propose-2 {
            color: #5c5c5c;
            padding: 0px;
            font-size: 16px;
            font-weight: 600;
            margin: 0px;
        }

        .address-from-text {
            color: black;
            font-size: 16px;
            font-weight: 600;
            line-height: 1;
        }
        .address-to-text1 {
            color:black;
            font-size: 16px;
            text-align:end;
            line-height: 0.5;
        }

        .address-to-text {
            color: black;
            font-size: 16px;
            text-align: start;
        }

        .text-black {
            color: black;
        }

        .text-label-hr {
            padding: 5px;
            width: 100%;
            font-size: 16px;
            background: #384575;
            color: #fff;
        }
        .line{
            line-height:1.5;

        }

        .text-quote {
            color: #5c5c5c;
            padding: 20px 0px;
        }

        .table-invoice {
            background: #fff;
            margin-top: 20px;
        }

        .table-invoice thead {
            background: #384575;
        }

        .table-invoice th {
            color: white !important;
            padding: 0;
            margin: 0;
        }

        .sub-heading {
            text-align: end;
            padding-right: 80px;
        }

        h3, .h3 {
            margin-bottom: 10px !important;
            line-height: 1em !important;
        }
        .white-content h3{
            color: #fff;
        }
        .white-content h4{
            color: #fff;
        }

        .row {
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        .address {
            padding: 5px 17px !important;
        }

        .col-md-6 {
            width: 50%;
            display: inline-block;
            vertical-align: top;
            box-sizing: border-box;
            padding: 0 15px;
        }
        
        .delivery{
            text-color:black !important;
        }
        .p{
            padding: 0px;
            text-indent: 50px;
            text-align: justify;
            font-size:16px;
        }
    </style>
        <div class="container" style="padding:10px;">
            <div class="row">
                <a class="btn btn-fill btn-info" href="{{ route('proposal.pdf', ['id' => $model->id]) }}" target="_blank"> Print PDF <i class="tim-icons icon-single-copy-04"></i></a>
                <a class="btn btn-fill btn-info" href="{{ route('proposal.mail', ['id' => $model->id]) }}"> Share Mail <i class="fa fa-share" style="font-size:15px"></i></a>
            </div>
        </div>
   
        <div class="container invoice-card" id="invoice-card">
            <div class="row">
                <div class="col-md-6">
                    <img src="{{asset('uploads/invoice_logo/logo.png')}}" >
                    <h4 style="color:black" class="text-propose">Proposal Number : {{$model->proposal_number}}</h4><r>
                    <h4 style="color:black" 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,</p>
                    <p class="address-from-text" style="margin-left:80px;">Velachery,</p>
                    <p class="address-from-text" style="margin-left:80px; line-height:17px" >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>


      

        <div class="row">
            <div class="col-md-6" id="left" style="padding: 0px 10px 0px 0px; margin:0px;">
                <h4 class="text-label-hr address">Service Address</h4>
                
                <p class="address-to-text">
                    @if ($model->customer_service_address != "")
                    @foreach(explode(',', $model->customer_service_address) as $info) 
                    {{$info}}<br>
                    @endforeach
                    <p>{{ $model->service_city }},</p>
                    <p>{{ $model->service_state }}.</p>
                    @endif
                    <p> <b class="text-propose">Email : </b> {{ $model->customer_email }},</p> 
                    <p><b class="text-propose">Phone : </b>{{ $model->customer_phone }}</p>
            </div>
            
            <div class="col-md-6" id="right" style="padding: 0px 0px 0px 10px; margin:0px;">
                <h4 class="text-label-hr address">Billing Address</h4>
                <p class="address-to-text">
                @if ($model->customer_billing_address != "")
                @foreach(explode(',', $model->customer_billing_address) as $info) 
                {{$info}}<br>
                @endforeach
                    <p>{{ $model->billing_city }},</p>
                     <p>{{ $model->billing_state }}.</p>
                @endif
                <p> <b class="text-propose">Email : </b> {{ $model->customer_email }},</p>
                <p> <b class="text-propose">Phone : </b>{{ $model->customer_phone }}</p>
            </div>
        </div>
        

        <table class="table table-invoice">
            <thead>
                <tr>
                    <th>SNO</th>
                    <th>Product Name</th>
                    <th>Qty</th>
                    <th>Unit Price</th>
                    <th>pdf</th>
                    <th></th>
                    <th>Total</th>
                    
                </tr>
            </thead>
            <tbody style="font-size:16px, padding:0px;">
                @php
                        $i = 1;
                        $sub_total = 0;
                        $igstVal=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>Rs. {{ $proposaldetail -> price }}</td>
                    <td style="max-width: 100px;"><a href="{{ $proposaldetail -> pdf }}" target="_blank" title="{{ $proposaldetail -> pdf }}">{{ $proposaldetail -> pdf }}</a>
                    </td>
                   
                   
                   @php
                    $billing_state_cgst="";
                    $billing_state_igst="";
                    $price=$proposaldetail->price;
                    $gst=$proposaldetail->gst;
                    $qty=$proposaldetail->quantity; 

                     $noqty=$qty*$price;

                     $igst=($noqty*$gst)/100;
                     $cgst=$igst/2;

                     $igstVal+=$igst;
                    if($model->billing_state == "Tamil Nadu"){
                         $billing_state_cgst= $igstVal/2;
                       
                    }else{
                        $billing_state_igst=$igstVal;
                    }   
                            
                @endphp
                    
                    
                    <td><input type="hidden" id="gst" class="gst" value=" {{ $proposaldetail -> gst }}">
                    <input type="hidden" id="igst" class="igst" value=" {{ $igstVal }}"></td>
                    <td>Rs. {{ $proposaldetail -> quantity * $proposaldetail -> price }}</td>
                   
                </tr>
  
                @empty
                    <p>No Products Added</p>

            @endforelse

                @php
                    $discount_str = "";
                    $discount_amount_total = 0;

                        if($model->discount_type == 1)
                        {
                            $discount_str = $model->discount.'%';

                            $discount_amount_total = $sub_total * ($model->discount / 100);
                        }
                        else
                        {
                            $discount_str = "Flat Rs.".$model->discount;

                            $discount_amount_total = $model->discount;
                        }

                @endphp

                <tr>
                    <td colspan="5" class="sub-heading-empty"></td>
                    <td colspan="1" class="sub-heading">Sub total</td>
                    <td>Rs. {{ $sub_total }}</td>
                </tr>
                <tr>
                    <td colspan="5" class="sub-heading-empty"></td>
                    <td colspan="1" class="sub-heading">Discount({{$discount_str}})</td>
                    <td>- Rs. {{ $discount_amount_total }}</td>
                </tr>
                <tr>
                    <td colspan="5" class="sub-heading-empty"></td>
                    <td colspan="1" class="sub-heading">Other Tax(%)</td>
                    <td>+ Rs. {{ $model->tax }}</td>
                </tr>
                <tr>
                    <td colspan="2" class="sub-heading-empty"></td>
                    @if ($billing_state_cgst !== '')
                        <td>cgst</td>
                        <td>sgst</td>
                        <td></td>
                    @endif

                    @if ($billing_state_igst !== '')
                        <td></td>
                        <td></td>
                        <td>igst</td>
                    @endif

                    
                    
                    <td colspan="1" class="sub-heading">Shipping/Other (+)</td>
                    <td>+ Rs. {{ $model->shipping_other }}</td>
                </tr>
                <tr>
                    <td colspan="" class="sub-heading-empty"></td>
                    <td colspan="" class="sub-heading"></td>
                    @if ($billing_state_cgst !== '')
                        <td>Rs. {{ $billing_state_cgst }}</td>
                        <td>Rs. {{ $billing_state_cgst }}</td>
                        <td></td>
                    @endif

                    @if ($billing_state_igst !== '')
                        <td></td>
                        <td></td>
                        <td>Rs. {{ $billing_state_igst }}</td>
                    @endif
                    <td colspan="1" class="sub-heading">Gst</td>
                    <td>+ Rs. {{ $igstVal }}</td>
                </tr> 

                <tr>
                    <td colspan="5" class="sub-heading-empty"></td>
                    <td colspan="1" class="sub-heading">Grand Total</td>
                    <td>Rs. {{ $model->total }}</td>
                </tr>
                
                <tr>
                   <td></td>
                    <td></td>
                     <td></td>
                      <td></td>
                       <td></td>
                        <td></td> <td></td> 
                </tr>
              
            </tbody>
        </table>
<hr>
        <hr class="border">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h4 class=" text-label-hr address" style="padding:3px;">Additional Notes :</h4>

                    <p class="text-quote">
                    {{ $model->additional_note }}
                    </p>
                </div>
                <div class="col">
                    <h4 class="text-label-hr address" style="padding:3px;">Our Bank Info :</h4>
                    <p ><b  class="text-propose">Name of the account:</b> NK DECIBELS</p>
                    <p><b class="text-propose"> Address:</b> 44 Appavu St, Ellis Road, Chennai 600002</p>
                    <p><b class="text-propose"> Account :</b> 602605057594</p> 
                    <p><b class="text-propose">Bank Name:</b> ICICI Bank </p>
                    <p><b class="text-propose">MICR Code:</b>600229010</p> 
                    <p><b class="text-propose">Branch Name:</b> T NAGAR BRANCH, CHENNAI</p> 
                    <p><b class="text-propose">IFSC Code:</b> ICIC0006026</p>
                </div>
            </div>
        </div>

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

            <p>
            {{ $model->terms }}
            </p>

            <b style="font-size:18px; margin-left:30%">Delivery Time : 30 Business Days Lead Time </b>
            <h4 class="text-label-hr address">Payment Terms: </h4>
            <p> 100% Advance Payment with Purchase Order</p>
            <h4 class="text-label-hr address">Wiring:</h4>
            <p>All Wiring Diagrams with Speaker Placements will be given by us after Purchase order & Payment
                Electrician Should be Provided by the Client
                Our Engineer will Supervise the electrician for Laying of Speaker Cables, Signal Cables & Speaker Clamps Fixing</p>
                <h4 class="text-label-hr address">Other Terms & Conditions:</h4>
                <p> Any kind of Civil or Wooden Work related to this Project is Client Scope</p>
                <h4 class="text-label-hr address">Warranty:</h4>
                    <h4 style="color:#000 !important">Projectors - 3 Year Warranty & 1 Year warranty or 1000 Hours for the Bulb<br>
                    Speakers - 2 Years Warranty<br>
                    Amplifiers - 1 Year Warranty<br>
                    Microphones - 6 Months Warranty<br>
                    Mixer - 1 Year Warranty<br>
                    Warranty is applicable only for Mal-functioning due to Manufacturing Defects</h4>

        </div>
    
    </div>
 @push('js')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
   
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js "></script>
<script src="https://unpkg.com/html2canvas@1.4.1/dist/html2canvas.js"></script>

<script>
    function print() {
        var sTable = document.getElementById('  -card').outerHTML;
        var allowImageExtensions = ['.png', '.jpg', '.jpeg']; 
        var style = "<style>";
        style = style + "table {width: 100%;font: 17px Calibri;}";
        style = style + "table, th, td {border: solid 1px #DDD; border-collapse: collapse;";
        style = style + "padding: 2px 3px;text-align: center;}";
        style += "col-md-6 {width: 50%; float: left; padding: 0 10px;}";
        // style += "#right {width: 50%; float: right; padding: 0 10px;}";
        style = style + " .text-propose{color:#5c5c5c;padding:0px;font-size: 16px; font-weight: 600;margin:0px;}";
        style = style + ".text-quote{color:#5c5c5c;padding: 20px 0px;}";
        style = style + ".address{border:1px solid black;}";
        style += "img {max-width: 100%; height: auto;}";
        style = style + " .address-from-text{color:black;text-align:end;line-height: 17px;}";
        style = style + ".address-to-text{color:black;text-align:start;}";
        style = style + ".text-black{ color:black;}";
        // style = style + ".text-label-hr{padding:10px;width: 100%;background: #a3b6f9;color: white;}";
        style = style + ".text-quote{color:#5c5c5c;padding: 20px 0px;}";
        style = style + "</style>";
        
        
        // CREATE A WINDOW OBJECT.
        var win = window.open('', '', 'height=700,width=700');
        win.document.write('<html><head>');
        win.document.write('<title>Customer Profile</title>');   // <title> FOR PDF HEADER.
        win.document.write(style);          // ADD STYLE INSIDE THE HEAD TAG.
        win.document.write('</head>');
        win.document.write('<body>');
        win.document.write(sTable);         // THE TABLE CONTENTS INSIDE THE BODY TAG.
        win.document.write('</body></html>');
        win.document.close(); 	// CLOSE THE CURRENT WINDOW.
        win.print();    // PRINT THE CONTENTS.
    }


</script>

        @endpush

@endsection