<html>
    <head>
        <title>
           Outwards list Report
        </title>

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <style>
        body {
            font-family: "Times New Roman";
            font-size: 20px;
            overflow-x: hidden;
        }
        .container {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }
        @media (min-width: 576px) {
            .container {
                max-width: 540px;
            }
        }
        @media (min-width: 768px) {
            .container {
                max-width: 720px;
            }
        }
        @media (min-width: 992px) {
            .container {
                max-width: 960px;
            }
        }
        @media (min-width: 1200px) {
            .container {
                max-width: 1140px;
            }
        }
        .container-fluid {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }
        *,
        ::after,
        ::before {
            box-sizing: border-box;
        }       
        .row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
        }
        .text-left {
            text-align: left !important;
        }
        .text-right {
            text-align: right !important;
        }
        .text-center {
            text-align: center !important;
        }
        .font-weight-light {
            font-weight: 300 !important;
        }
        .font-weight-normal {
            font-weight: 400 !important;
        }
        .font-weight-bold {
            font-weight: 700 !important;
        }
        .text-lowercase {
            text-transform: lowercase !important;
        }
        .text-uppercase {
            text-transform: uppercase !important;
        }
        .text-capitalize {
            text-transform: capitalize !important;
        }
        .col,
        .col-1,
        .col-10,
        .col-11,
        .col-12,
        .col-2,
        .col-3,
        .col-4,
        .col-5,
        .col-6,
        .col-7,
        .col-8,
        .col-9,
        .col-auto,
        .col-lg,
        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-auto,
        .col-md,
        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-auto,
        .col-sm,
        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-auto,
        .col-xl,
        .col-xl-1,
        .col-xl-10,
        .col-xl-11,
        .col-xl-12,
        .col-xl-2,
        .col-xl-3,
        .col-xl-4,
        .col-xl-5,
        .col-xl-6,
        .col-xl-7,
        .col-xl-8,
        .col-xl-9,
        .col-xl-auto {
            position: relative;
            width: 100%;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }
        .col {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
        }
        .col-auto {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: none;
        }
        .col-1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }
        .col-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }
        .col-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }
        .col-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .col-5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }
        .col-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .col-7 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }
        .col-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }
        .col-9 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }
        .col-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
        }
        .col-11 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }
        .col-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
        .m-0 {
            margin: 0 !important;
        }
        .mt-0,
        .my-0 {
            margin-top: 0 !important;
        }
        .mr-0,
        .mx-0 {
            margin-right: 0 !important;
        }
        .mb-0,
        .my-0 {
            margin-bottom: 0 !important;
        }
        .ml-0,
        .mx-0 {
            margin-left: 0 !important;
        }
        .m-1 {
            margin: 0.25rem !important;
        }
        .mt-1,
        .my-1 {
            margin-top: 0.25rem !important;
        }
        .mr-1,
        .mx-1 {
            margin-right: 0.25rem !important;
        }
        .mb-1,
        .my-1 {
            margin-bottom: 0.25rem !important;
        }
        .ml-1,
        .mx-1 {
            margin-left: 0.25rem !important;
        }
        .m-2 {
            margin: 0.5rem !important;
        }
        .mt-2,
        .my-2 {
            margin-top: 0.5rem !important;
        }
        .mr-2,
        .mx-2 {
            margin-right: 0.5rem !important;
        }
        .mb-2,
        .my-2 {
            margin-bottom: 0.5rem !important;
        }
        .ml-2,
        .mx-2 {
            margin-left: 0.5rem !important;
        }
        .m-3 {
            margin: 1rem !important;
        }
        .mt-3,
        .my-3 {
            margin-top: 1rem !important;
        }
        .mr-3,
        .mx-3 {
            margin-right: 1rem !important;
        }
        .mb-3,
        .my-3 {
            margin-bottom: 1rem !important;
        }
        .ml-3,
        .mx-3 {
            margin-left: 1rem !important;
        }
        .m-4 {
            margin: 1.5rem !important;
        }
        .mt-4,
        .my-4 {
            margin-top: 1.5rem !important;
        }
        .mr-4,
        .mx-4 {
            margin-right: 1.5rem !important;
        }
        .mb-4,
        .my-4 {
            margin-bottom: 1.5rem !important;
        }
        .ml-4,
        .mx-4 {
            margin-left: 1.5rem !important;
        }
        .m-5 {
            margin: 3rem !important;
        }
        .mt-5,
        .my-5 {
            margin-top: 3rem !important;
        }
        .mr-5,
        .mx-5 {
            margin-right: 3rem !important;
        }
        .mb-5,
        .my-5 {
            margin-bottom: 3rem !important;
        }
        .ml-5,
        .mx-5 {
            margin-left: 3rem !important;
        }
        .p-0 {
            padding: 0 !important;
        }
        .pt-0,
        .py-0 {
            padding-top: 0 !important;
        }
        .pr-0,
        .px-0 {
            padding-right: 0 !important;
        }
        .pb-0,
        .py-0 {
            padding-bottom: 0 !important;
        }
        .pl-0,
        .px-0 {
            padding-left: 0 !important;
        }
        .p-1 {
            padding: 0.25rem !important;
        }
        .pt-1,
        .py-1 {
            padding-top: 0.25rem !important;
        }
        .pr-1,
        .px-1 {
            padding-right: 0.25rem !important;
        }
        .pb-1,
        .py-1 {
            padding-bottom: 0.25rem !important;
        }
        .pl-1,
        .px-1 {
            padding-left: 0.25rem !important;
        }
        .p-2 {
            padding: 0.5rem !important;
        }
        .pt-2,
        .py-2 {
            padding-top: 0.5rem !important;
        }
        .pr-2,
        .px-2 {
            padding-right: 0.5rem !important;
        }
        .pb-2,
        .py-2 {
            padding-bottom: 0.5rem !important;
        }
        .pl-2,
        .px-2 {
            padding-left: 0.5rem !important;
        }
        .p-3 {
            padding: 1rem !important;
        }
        .pt-3,
        .py-3 {
            padding-top: 1rem !important;
        }
        .pr-3,
        .px-3 {
            padding-right: 1rem !important;
        }
        .pb-3,
        .py-3 {
            padding-bottom: 1rem !important;
        }
        .pl-3,
        .px-3 {
            padding-left: 1rem !important;
        }
        .p-4 {
            padding: 1.5rem !important;
        }
        .pt-4,
        .py-4 {
            padding-top: 1.5rem !important;
        }
        .pr-4,
        .px-4 {
            padding-right: 1.5rem !important;
        }
        .pb-4,
        .py-4 {
            padding-bottom: 1.5rem !important;
        }
        .pl-4,
        .px-4 {
            padding-left: 1.5rem !important;
        }
        .p-5 {
            padding: 3rem !important;
        }
        .pt-5,
        .py-5 {
            padding-top: 3rem !important;
        }
        .pr-5,
        .px-5 {
            padding-right: 3rem !important;
        }
        .pb-5,
        .py-5 {
            padding-bottom: 3rem !important;
        }
        .pl-5,
        .px-5 {
            padding-left: 3rem !important;
        }
        .m-auto {
            margin: auto !important;
        }
        .mt-auto,
        .my-auto {
            margin-top: auto !important;
        }
        .mr-auto,
        .mx-auto {
            margin-right: auto !important;
        }
        .mb-auto,
        .my-auto {
            margin-bottom: auto !important;
        }
        .ml-auto,
        .mx-auto {
            margin-left: auto !important;
        }
        p {
            font-size: 20px !important;
            margin-bottom: 0px;
            margin-top: 0px;
            line-height: 27px;
        }
        table {
            border-collapse: collapse;
            text-align: center;
            width: 100%;
            max-width: 100%;
            margin-bottom: 1rem;
            background-color: transparent;      
        }
        .table-bordered {
            border: 1px solid #000000 !important;
        }
        .table-bordered td, .table-bordered th, .table-bordered thead td, .table-bordered thead th {
            vertical-align: middle;
            font-size: 17.5px !important;
            padding: 0.75rem;
        }
        .table-bordered td, .table-bordered th {
            border: 1px solid #000000 !important;
        }
        .table thead th {
            border-bottom: 1px solid #000000 !important;
        }
    </style>
	
        <div class="container">
    		<div class="row px-5 mx-5" style='margin-top:25px;'>
                <div class="col-5 pl-0">
                    <div>
                       @foreach($outwards as $sur)
                       <b>Current Status</b>@if($sur['approve_status']=='1')
                           {{"Approved"}}
                           @elseif($sur['approve_status']=='2')
                           {{"Rejected"}}
                           @else
                           {{'Pending'}}
                            @endif 
                    </div>
                </div>
                <div class="col-7 pr-0">
                    <div class="text-right">
                          @if($sur['approve_status']==0)
                       <a href="{{url('update_outwards_status')}}?id={{$sur->id}}&&invoice_number={{$sur->invoice_number}}&&jilla_id={{$sur->jilla_id}}&&approve_status=1" class="print_action btn btn-primary ">Approve</a>
                       
                        <a href="{{url('update_outwards_status')}}?id={{$sur->id}}&&invoice_number={{$sur->invoice_number}}&&jilla_id={{$sur->jilla_id}}&&approve_status=2" class="print_action btn btn-danger">Reject</a></td>

                        <button  class="btn btn-primary"><a href="{{url('outwards_edit/'.$sur->id)}}" style="text-decoration:none;color:white;">Edit</a></button>

                        @elseif($sur['approve_status']=='2' )
                        <button  class="btn btn-primary"><a href="{{url('outwards_edit/'.$sur->id)}}" style="text-decoration:none;color:white;">Edit</a></button>
                        @endif

                        <button class="btn btn-primary print_action" id="dashboard"><a href="{{url('/outwards_view')}}" style="text-decoration:none;color:white;">Back To Dashboard</a></button>
                        @endforeach
                    </div>
                </div>
                </div>
            </div>
        </div>

        <body>
        <div class="container pt-2" style='margin-bottom:25px;'>
            <div class="row px-5 pt-3 mx-5">
                <div class="col-12 px-0">
                    <table class="table table-bordered mb-0">
                        <thead>
                            <tr>
                                @foreach($outwards as $su)
                                <th  class="text-left">District Name : </th>
                                 <th colspan="6"> {{$su->area_district->area_name??0}}</th>
                               
                            </tr>
                             <tr>
                                <th class="text-left">Invoice Date : </th>
                                <th colspan="6">{{date('d-m-Y', strtotime($su->invoice_date))}}</th>
                            </tr>
                             <tr>
                                <th  class="text-left">Invoice No. : </th>
                                <th colspan="6"> {{$su->invoice_number??0}}</th>
                            </tr>
                             <tr>
                                <th  class="text-left">Date Of Receiving : </th>
                                <th colspan="6"> {{date('d-m-Y', strtotime($su->date_of_receiving))}}</th>
                                
                            </tr>
							<tr>
								<th  class="text-left">Phase NO : </th>
								<th colspan="6"> @if($su->phase_no !=0 && $su->phase_no > 0)Phase_{{$su->phase_no??'-'}}@else-@endif</th>
							</tr>
                            <tr>
                                <th class="text-left">Make : </th>
                                 <th colspan="6">{{$su->maker_name}}</th>
                               
                            </tr>

                             @endforeach
                        </thead>
                        <thead >
                            <tr style="background-color: #f6f6f6;">
                               <th>Wattage of light</th>
                               <th>18w</th>
                               <th>35w</th>
                               <th>70w</th>
                               <th>110w</th>
                               <th>190w</th>
                               <th>Total</th>
                           </tr>
                       </thead>

                        <tbody>
                             @foreach($outwards as $sur)

                              <?php 
            $count=0;
           
            ?>	          
            <?php
                $count++;

                 $a=(int)($sur)->led_wattage_18;
                 $b=(int)($sur)->led_wattage_35;
                 $c=(int)($sur)->led_wattage_70;
                 $d=(int)($sur)->led_wattage_110;
                 $e=(int)($sur)->led_wattage_190;
                 $total_count= $a+$b+$c+$d+$e;                
            ?>
            
            <?php
                 $aa=(int)($sur)->rcv_qty_18w;
                 $ba=(int)($sur)->rcv_qty_35w;
                 $ca=(int)($sur)->rcv_qty_70w;
                 $da=(int)($sur)->rcv_qty_110w;
                 $ea=(int)($sur)->rcv_qty_190w;
                 $total_counts= $aa+$ba+$ca+$da+$ea;
                
            ?>

                            <tr>              
                                <th>Invoice quantity</th>
                                <td>{{$sur->led_wattage_18??0}}</td>
                                <td>{{$sur->led_wattage_35??0}}</td>
                                <td>{{$sur->led_wattage_70??0}}</td>
                                 <td>{{$sur->led_wattage_110??0}}</td>
                                <td>{{$sur->led_wattage_190??0}}</td>
                                <td>{{$total_count}}</td>
                            </tr>
                             <tr>              
                                <th>received quantity</th>
                                <td>{{$sur->rcv_qty_18w??0}}</td>
                <td>{{$sur->rcv_qty_35w??0}}</td>
                <td>{{$sur->rcv_qty_70w??0}}</td>
                <td>{{$sur->rcv_qty_110w??0}}</td>
                <td>{{$sur->rcv_qty_190w??0}}</td>
                                <td>{{$total_counts}}</td>
                            </tr>
                             @endforeach
                        </tbody>
                        <thead>

                              @foreach($outwards as $sur)

                             <?php
                $count++;

                 $a=(int)($sur)->bufferstck_invoice_qty_18w;
                 $b=(int)($sur)->bufferstck_invoice_qty_35w;
                 $c=(int)($sur)->bufferstck_invoice_qty_70w;
                 $d=(int)($sur)->bufferstck_invoice_qty_110w;
                 $e=(int)($sur)->bufferstck_invoice_qty_190w;
                

                 $total_count= $a+$b+$c+$d+$e;
                
            ?>
            
            <?php
               

                 $aa=(int)($sur)->bufferstck_received_qty_18w;
                 $ba=(int)($sur)->bufferstck_received_qty_35w;
                 $ca=(int)($sur)->bufferstck_received_qty_70w;
                 $da=(int)($sur)->bufferstck_received_qty_110w;
                 $ea=(int)($sur)->bufferstck_received_qty_190w;
                

                 $total_counts= $aa+$ba+$ca+$da+$ea;
                
            ?>
                            <tr style="background-color: #f6f6f6;">
                               <th>Spare light Wattage</th>
                               <th>18w</th>
                               <th>35w</th>
                               <th>70w</th>
                               <th>110w</th>
                               <th>190w</th>
                               <th>Total</th>
                           </tr>
                       </thead>

                        <tbody>
                           
                            <tr>              
                                <th>Invoice quantity</th>
                                  <td>{{$sur->bufferstck_invoice_qty_18w??0}}</td>
                                <td>{{$sur->bufferstck_invoice_qty_35w??0}}</td>
                                <td>{{$sur->bufferstck_invoice_qty_70w??0}}</td>
                                 <td>{{$sur->bufferstck_invoice_qty_110w??0}}</td>
                                <td>{{$sur->bufferstck_invoice_qty_190w??0}}</td>
                                <td>{{$total_count}}</td>
                            </tr>
                             <tr>              
                                <th>received quantity</th>
                                 <td>{{$sur->bufferstck_received_qty_18w??0}}</td>
                <td>{{$sur->bufferstck_received_qty_35w??0}}</td>
                <td>{{$sur->bufferstck_received_qty_70w??0}}</td>
                <td>{{$sur->bufferstck_received_qty_110w??0}}</td>
                <td>{{$sur->bufferstck_received_qty_190w??0}}</td>
                                <td>{{$total_counts}}</td>
                            </tr>
                             @endforeach
                        </tbody>
                        <thead>
                            <tr style="background-color: #f6f6f6;">
                               <th>Wattage of Driver</th>
                               <th>18w</th>
                               <th>35w</th>
                               <th>70w</th>
                               <th>110w</th>
                               <th>190w</th>
                               <th>Total</th>
                           </tr>
                       </thead>

                        <tbody>
                              @foreach($outwards as $sur)

                              <?php 
            $count=0;
           
            ?>

          
            <?php
                $count++;

                 $a=(int)($sur)->drivers_invoice_qty_18w;
                 $b=(int)($sur)->drivers_invoice_qty_35w;
                 $c=(int)($sur)->drivers_invoice_qty_70w;
                 $d=(int)($sur)->drivers_invoice_qty_110w;
                 $e=(int)($sur)->drivers_invoice_qty_190w;
                

                 $drivers_total_count= $a+$b+$c+$d+$e;
                
            ?>
            
            <?php
               

                 $aa=(int)($sur)->drivers_received_qty_18w;
                 $ba=(int)($sur)->drivers_received_qty_35w;
                 $ca=(int)($sur)->drivers_received_qty_70w;
                 $da=(int)($sur)->drivers_received_qty_110w;
                 $ea=(int)($sur)->drivers_received_qty_190w;
                 

                 $drivers_total_counts= $aa+$ba+$ca+$da+$ea;
                
            ?>

                            <tr>              
                                <th>Invoice quantity</th>
                               <td>{{$sur->drivers_invoice_qty_18w??0}}</td>
                                <td>{{$sur->drivers_invoice_qty_35w??0}}</td>
                                <td>{{$sur->drivers_invoice_qty_70w??0}}</td>
                                 <td>{{$sur->drivers_invoice_qty_110w??0}}</td>
                                <td>{{$sur->drivers_invoice_qty_190w??0}}</td>
                                <td>{{$drivers_total_count}}</td>
                                
                            </tr>
                             <tr>              
                                <th>received quantity</th>
                                 <td>{{$sur->drivers_received_qty_18w??0}}</td>
                <td>{{$sur->drivers_received_qty_35w??0}}</td>
                <td>{{$sur->drivers_received_qty_70w??0}}</td>
                <td>{{$sur->drivers_received_qty_110w??0}}</td>
                <td>{{$sur->drivers_received_qty_190w??0}}</td>
                                <td>{{$drivers_total_counts}}</td>
                            </tr>
                             @endforeach
                        </tbody>

                        <thead>
                            <tr style="background-color: #f6f6f6;">
                               <th>Wattage of SPD</th>
                               <th>18w</th>
                               <th>35w</th>
                               <th>70w</th>
                               <th>110w</th>
                               <th>190w</th>
                               <th>Total</th>
                           </tr>
                       </thead>

                        <tbody>
                              @foreach($outwards as $sur)

                              <?php 
            $count=0;
           
            ?>

          
            <?php
                $count++;

                 $a=(int)($sur)->spd_invoice_qty_18w;
                 $b=(int)($sur)->spd_invoice_qty_35w;
                 $c=(int)($sur)->spd_invoice_qty_70w;
                 $d=(int)($sur)->spd_invoice_qty_110w;
                 $e=(int)($sur)->spd_invoice_qty_190w;
                

                 $spd_total_count= $a+$b+$c+$d+$e;
                
            ?>
            
            <?php
               

                 $aa=(int)($sur)->spd_received_qty_18w;
                 $ba=(int)($sur)->spd_received_qty_35w;
                 $ca=(int)($sur)->spd_received_qty_70w;
                 $da=(int)($sur)->spd_received_qty_110w;
                 $ea=(int)($sur)->spd_received_qty_190w;
                 

                 $spd_total_counts= $aa+$ba+$ca+$da+$ea;
                
            ?>
                             <tr>              
                                <th>Invoice quantity</th>
                                 <td>{{$sur->spd_invoice_qty_18w??0}}</td>
                                <td>{{$sur->spd_invoice_qty_35w??0}}</td>
                                <td>{{$sur->spd_invoice_qty_70w??0}}</td>
                                 <td>{{$sur->spd_invoice_qty_110w??0}}</td>
                                <td>{{$sur->spd_invoice_qty_190w??0}}</td>
                                <td>{{$spd_total_count}}</td>
                            </tr>
                             <tr>              
                                <th>received quantity</th>
                     <td>{{$sur->spd_received_qty_18w??0}}</td>
                <td>{{$sur->spd_received_qty_35w??0}}</td>
                <td>{{$sur->spd_received_qty_70w??0}}</td>
                <td>{{$sur->spd_received_qty_110w??0}}</td>
                <td>{{$sur->spd_received_qty_190w??0}}</td>
                                <td>{{$spd_total_counts}}</td>
                              
                            </tr>
                             @endforeach


                           <tr>
                                @foreach($outwards as $sur)
                                <th  class="text-left">Titable adapters : </th>
                                 <th colspan="6"> </th>
                               
                            </tr>
                             <tr>
                                <th  class="text-left">Invoice quantity : </th>
                                 <th colspan="6"> {{$sur->tiltable_adapters??0}}</th>
                            </tr>
                             <tr>
                                <th  class="text-left">Received quantity. : </th>
                                 <th colspan="6"> {{$sur->tiltadap_rcv_qty??0}}</th>
                            </tr>
                             <tr>
                                <th  class="text-left">Remarks if any : </th>
                                <th colspan="6"> {{$sur->remarks}}</th>
                            </tr>
                            <tr>
                                <th colspan="7" class="text-center">Add Supported Invoice : <a target="blank"  href="{{URL::asset('storage/app/'.$sur['files'])}}" ><i class="fa fa-eye" aria-hidden="true"></i></a></th>
                            </tr>
                               <tr>
                                <th colspan="7" class="text-center">Verified : </th>
                            </tr>
 
                             @endforeach
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </body>


     <div class="modal fade" id="EditBookModalLabel" tabindex="-1" role="dialog" aria-labelledby="EditBookModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
         <form data-parsley-validate class="form-horizontal form-label-left"  method="POST">
            @csrf
            <div class="modal-content">
               <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                  </button>
               </div>
               <div class="modal-body" style="width:620px;">
                  <div class="item form-group">
                     <label class="col-form-label col-md-3 col-sm-3 label-align">led_wattage_18
                     </label>
                     <div class="col-md-6 col-sm-6">
                        <input type="text" name="led_wattage_18"  id="led_wattage_18" value="" class="form-control">
                     </div>
                  </div>
                   <div class="item form-group">
                     <label class="col-form-label col-md-3 col-sm-3 label-align">led_wattage_35
                     </label>
                     <div class="col-md-6 col-sm-6">
                        <input type="text" name="led_wattage_35"  id="led_wattage_35" value="" class="form-control">
                     </div>
                  </div>
                
                  <div class="item form-group">
                     <label class="col-form-label col-md-3 col-sm-3 label-align">led_wattage_70
                     </label>
                     <div class="col-md-6 col-sm-6">
                        <input type="text" name="led_wattage_70"  id="led_wattage_70" value="" class="form-control">
                     </div>
                  </div>
                   <div class="item form-group">
                     <label class="col-form-label col-md-3 col-sm-3 label-align">led_wattage_110
                     </label>
                     <div class="col-md-6 col-sm-6">
                        <input type="text" name="led_wattage_110"  id="led_wattage_110" value="" class="form-control">
                     </div>
                  </div>
                   <div class="item form-group">
                     <label class="col-form-label col-md-3 col-sm-3 label-align">led_wattage_190
                     </label>
                     <div class="col-md-6 col-sm-6">
                        <input type="text" name="led_wattage_190"  id="led_wattage_190" value="" class="form-control">
                     </div>
                  </div>
               </div>
               <div class="modal-footer">
                  <div class="col-md-6 col-sm-6 offset-md-5">
                     <button class="btn btn-danger" type="reset">Reset</button>
                     <button type="submit" class="btn btn-success">Update</button>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>


<script type="text/javascript">

     $(document).ready(function(){
         $(document).on('click','.editbtn',function(){
            var id=$(this).val();
            $.ajax({
               type:"GET",
               url: '{{url("outwards_edit")}}/'+id,

               success:function(response){
                  $('#led_wattage_18').val(response.outwardsdata.led_wattage_190);
                  $('#led_wattage_35').val(response.outwardsdata.led_wattage_35);
                  $('#led_wattage_70').val(response.outwardsdata.led_wattage_70);
                  $('#led_wattage_110').val(response.outwardsdata.led_wattage_110);
                  $('#led_wattage_190').val(response.outwardsdata.led_wattage_190);
               }
            });
         });
      });

</script>
</html> 