<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title><?php echo $__env->yieldContent('pageTitle'); ?></title>
      <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
  <link rel="stylesheet" href="<?php echo e(asset('admin/simple-line-icons/css/simple-line-icons.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('admin/flag-icon-css/css/flag-icon.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('admin/css/vendor.bundle.base.css')); ?>">
   

    <link rel="stylesheet" href="<?php echo e(asset('admin/admintheme/css/style.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('css/vega_css.css')); ?>">
    <link rel="shortcut icon" href="{ asset('admin/admintheme/images/favicon.png') }}" />
    <link rel="stylesheet" type="text/css" href="<?php echo e(asset('date_picker/jquery.datetimepicker.css')); ?>"/>
    
    <link rel="stylesheet" href="<?php echo e(asset('admin/admintheme/css/tree.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('css/jqury_min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('css/MonthPicker.min.css')); ?>">
      <link href="<?php echo e(asset('css/datepicker.min.css')); ?>" rel="stylesheet">

    <script src="<?php echo e(asset('js/jquery-3.6.3.min.js')); ?>" ></script>
    <script src="<?php echo e(asset('js/jquery.slimscroll.min.js')); ?>" ></script>



<!-- jQuery and jQuery UI -->




    <script src="<?php echo e(asset('js/tree.js')); ?>" ></script>

       <script src="<?php echo e(asset('js/vega_scripts.js')); ?>" ></script>

       <link rel="stylesheet" href="<?php echo e(asset('css/select2.min.css')); ?>">
<!-- <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> -->


<style>
 .table  tfoot th{
  margin-bottom: 0px;
 }
 #dynamic_rep_table  thead th{
background-color: #e5e0eb;
 } 
 #dynamic_pur_table  thead th{
background-color: #e5e0eb;
 }
 .table  tfoot th{
    padding: 0px;
  }
 .table tbody td{
    padding: 0.5375rem;
  }

.table-autocomplete thead{

 background: aquamarine;


}
.table-autocomplete {
  width: 100%;
  font-size: 15px;
}
.ui-menu-item:hover{
color:white;
background:black;
}
.ui-menu .ui-menu-item-wrapper:hover {
        color: #303030;
        background-color: red;
        border: #fff 1px solid;
    }   


    .ui-state-focus{
      color: #303030;
        background-color: red;
        border: #fff 1px solid;
    }


.table-warnings{
  background-color: #e5e0eb;
color: gray;
color: black;
font-weight: bolder;
}
.badge{
  width: 60%;
  margin-top: -8px;
  font-size: 14px;
 
}
.report-inner-cards-wrapper .report-inner-card .inner-card-text {
  display: block;
  }
</style>


  </head>
  <body>


    <div class="container-scroller">
      <!-- partial:../../partials/_navbar.html -->
      <nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
        <div class="navbar-brand-wrapper d-flex align-items-center" style="height:70px;">
          <a class="navbar-brand brand-logo" href="/home">
            <img src="<?php echo e(URL('images/vlogo.png')); ?>" alt="logo" class="logo-dark" />
          </a>
          <a class="navbar-brand brand-logo-mini" href="../../index.html"><img src="../../images/logo-mini.svg" alt="logo" /></a>
        </div>
        <div class="navbar-menu-wrapper d-flex align-items-center flex-grow-1" style="height:60px;">
          <h5 class="mb-0 font-weight-medium d-none d-lg-flex"><?php echo e(Session::get('BranchName')); ?></h5>
          <ul class="navbar-nav navbar-nav-right ml-auto">
      
            <li class="nav-item dropdown d-none d-xl-inline-flex user-dropdown">
              <a class="nav-link dropdown-toggle" id="UserDropdown" href="/" data-toggle="dropdown" aria-expanded="false">
                <img class="img-xs rounded-circle ml-2" src="<?php echo e(asset('admin/admintheme/images/user-icon.png')); ?>" alt="Profile image"> <span class="font-weight-normal"> 
                <?php echo e(Session::get('uname')); ?>

                </span></a>
              <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
                
              
                <a class="dropdown-item"><i class="dropdown-item-icon icon-energy text-primary"></i> Change Password</a>
                
                <a class="dropdown-item" href="<?php echo e(route('logout')); ?>"
                                       onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();"><i class="dropdown-item-icon icon-power text-primary"></i>Sign Out
                                                     <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none"  enctype="multipart/form-data">
                                        <?php echo csrf_field(); ?>
                                    </form>
                                                   </a>
              </div>
            </li>
          </ul>
          <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
            <span class="icon-menu"></span>
          </button>
        </div>
      </nav>



      <!-- partial -->
      <div class="container-fluid page-body-wrapper">
        <!-- partial:../../partials/_sidebar.html -->
        <!-- <nav class="sidebar sidebar-offcanvas" data-bs-scroll="true" id="sidebar">

        </nav> -->
        <!-- partial -->
        <div class="main-panel" style="width:100%;">
          <div class="content-wrapper">
             <div class="content-wrapper">
           
            <div class="row">
             
              <div class="col-lg-12 grid-margin stretch-card">
                <div class="card">
                  <div class="card-body">

                    <div class="row">
                      <div class="col-md-12">
                        <div class="d-sm-flex align-items-baseline report-summary-header">
                          <h5 class="font-weight-semibold">PO Number:  <span class="text-danger"><?php echo e($po_detail->po_no); ?></span>/ Po CO No: <span class="text-info"><?php echo e($po_detail->po_con_no); ?></span></h5><!-- <span class="ml-auto"> Updated Report</span> <button class="btn btn-icons border-0 p-2"><i class="icon-refresh"></i> --></button>
                        </div>
                      </div>
                    </div>
                    <div class="row report-inner-cards-wrapper">
                      <div class=" col-md -6 col-xl report-inner-card">
                        <div class="inner-card-text">
                          <span class="report-title text-primary">P.o Amount</span>
                          <h4><?php echo e($po_detail->po_amount); ?></h4>
                        
                        </div>
                       
                      </div>
                      <div class="col-md-6 col-xl report-inner-card">
                        <div class="inner-card-text">
                          <span class="report-title text-danger">Exp. Completion Date</span>
                          <h4><?php echo e($po_detail->est_comp_date); ?></h4>
                         
                        </div>
                      </div>
                      <div class="col-md-6 col-xl report-inner-card">
                        <div class="inner-card-text">
                          <span class="report-title text-success">Completion Date</span>
                          <h4> <?php echo e($po_detail->actual_cmp_dt); ?></h4>
                        </div>
                      </div>
                      <div class="col-md-6 col-xl report-inner-card">
                        <div class="inner-card-text">
                          <span class="report-title text-info">Act.  Completion Amount</span>
                          <h4> <?php echo e($po_detail->actual_cmp_amt); ?></h4>
                        </div>
                      </div>
                    </div>

                    <div class="col-lg-12" style="border: 1px solid #9447bc;
border-radius: 4px;

border-radius: 10px;">
                             <?php if(sizeof($data)>0): ?>
                              <div class="badge  p-2" style="display: block;background: #9448bc;font-size: 14px;color: white;margin-bottom: 20px;">Work Order</div>
                      <table class="table table-bordered">
                      <thead>
                        <tr class="table-warnings">
                          <th>Sl No  </th>
                          <th>Work Order  </th>
                          <th>    Start Date  </th>
                          <th> End Date </th>
                          <th> Contractor </th>
                          <th> Est Cost   </th>
                          <th>  Paid Amount    </th>
                        </tr>
                      </thead>
                      <tbody>

       <?php $__currentLoopData = $data2; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ind =>$contents): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <tr>
                           <td><?php echo ($ind+1); ?></td>                          
                          <td><?php echo $contents['pa_no']; ?></td>
                          <td><?php echo $contents['strt_dt']; ?></td>
                          <td><?php echo $contents['end_dt']; ?></td>
                          <td><?php echo $contents['c_name']; ?></td>
                          <td><?php echo $contents['est_cost']; ?></td>
                          <td><?php echo $contents['cb']; ?></td>
                         <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                      </tbody>
                    </table>

            <?php endif; ?>
                    </div>
                 
                 <br>
                    

                    <div class="col-lg-12 " id="table_div" style="border: 1px solid #EB455F;
border-radius: 4px;

border-radius: 10px;">
<div class="badge  p-2" style="display: block;background: #EB455F;color: white;font-size: 14px;">Project Expense</div>
                  
                       <table   class="table"   id="dynamic_rep_table">
                      <colgroup>
                        <col width="10px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                      </colgroup>
                        <thead>
                          <tr >
                          <th class="font-weight-bold" >SL</th>
                          <th class="font-weight-bold" style="width:30px !important">Date</th>
                          <th class="font-weight-bold" >Type</th>
                          <th class="font-weight-bold" >Supplier/Contactor</th>
                          <th class="font-weight-bold text-right" >Amount</th>
                          <th class="font-weight-bold" >Work Order</th>
                          <th class="font-weight-bold" >Labour Name</th>
                          </tr>
                        </thead>
                        <tfoot style="display: table-header-group;">
                          <tr >
                          <th class="font-weight-bold" ></th>
                          <th class="font-weight-bold" style="width:30px !important"><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          <th class="font-weight-bold" ><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          <th class="font-weight-bold" ><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          <th class="font-weight-bold text-right" >&nbsp;</th>
                          <th class="font-weight-bold" ><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          <th class="font-weight-bold" ><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          </tr>
                        </tfoot>
                      
       <?php if(sizeof($data)>0): ?>
       <?php $__currentLoopData = $data; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ind =>$content): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
  <tr>
          <?php      
                       ?>
                          <td><?php echo ($ind+1); ?></td>                          
                          <td><?php echo $content['Date']; ?></td>
                          <td class=""><?php echo $content['Type']; ?></td>
                          <td class=""><?php echo $content['c_name']; ?></td>
                          <td class="text-right"><?php echo $content['credit']; ?></td>
                          <td class=""><?php echo $content['WO']; ?></td>
                          <td class=""><?php echo $content['labr_name']; ?></td>
                          
                           </tr>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            <?php endif; ?>

           </table>
                

                 </div>

 <br>
                   
                    <div class="col-lg-12 " id="table_div" style="border: 1px solid #D4D925;
border-radius: 4px;

border-radius: 10px;">
                  
 <div class="badge badge-success p-2" style="display: block;background: #D4D925;">Purchase Bill </div>

                       <table   class="table"   id="dynamic_pur_table">
                      <colgroup>
                        <col width="10px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                        <col width="30px">
                      </colgroup>
                        <thead>
                          <tr >
                          <th class="font-weight-bold" >SL</th>
                          <th class="font-weight-bold" style="width:30px !important">Date</th>
                          <th class="font-weight-bold" >Type</th>
                          <th class="font-weight-bold" >Supplier/Contactor</th>
                          <th class="font-weight-bold " >Material</th>
                          <th class="font-weight-bold " >Bill No</th>
                          <th class="font-weight-bold " >Bill Date</th>
                          <th class="font-weight-bold text-right" >Bill Amount</th>
                          <th class="font-weight-bold" >Remarks</th>
                          <th class="font-weight-bold" >File</th>
                          </tr>
                        </thead>
                        <tfoot style="display: table-header-group;">
                          <tr >
                          <th class="font-weight-bold" ></th>
                          <th class="font-weight-bold" style="width:30px !important"><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          <th class="font-weight-bold" style="width:30px !important"><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          <th class="font-weight-bold" ><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          <th class="font-weight-bold" ><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          <th class="font-weight-bold text-right" ></th>
                          <th class="font-weight-bold" ><input type="text" placeholder="Search" autocomplete="false"  class="form-control "  /></th>
                          <th class="font-weight-bold" ></th>
                          <th class="font-weight-bold" ></th>
                          </tr>
                        </tfoot>
                      
       <?php if(sizeof($data1)>0): ?>
       <?php $__currentLoopData = $data1; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ind =>$row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
  <tr>
          <?php      
                       ?>
                          <td><?php echo ($ind+1); ?></td>                          
                          <td><?php echo $row['Submit Date']; ?></td>
                          <td class=""><?php echo $row['From']; ?></td>
                          <td class=""><?php echo $row['Name']; ?></td>
                          <td class=""><?php echo $row['Material']; ?></td>
                          <td class="text-right"><?php echo $row['Bill No']; ?></td>
                          <td class="text-right"><?php echo $row['Bill Date']; ?></td>
                          <td class="text-right"><?php echo $row['Bill Amount']; ?></td>
                          <td class=""><?php echo $row['remarks']; ?></td>
                          <td class=""><?php echo $row['file']; ?></td>
                          
                           </tr>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            <?php endif; ?>

           </table>
                

                 </div>
                  
                  </div>
                </div>
              </div>
              <div class="col-lg-12 grid-margin stretch-card"></div>
              <div class="col-lg-12 grid-margin stretch-card"></div>
              <div class="col-lg-12 stretch-card grid-margin"></div>
            </div>
          </div>
          </div>
          

          <div   tabindex="-1" id="myModaltable" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg" >
    
      <!-- Modal content-->
      <div class="modal-content" style="height:auto !important;">
        <div class="modal-header">         
          <h4 class="modal-title">Table Settings <?php //echo $formid; ?></h4>
         <button aria-hidden="true" data-dismiss="modal" class="btn-close" type="button"></button>
        </div>
        <div class="modal-body">
        
   
        <form  method="post" autocomplete="off" action="/save_table_settings" class="modal_form" enctype="multipart/form-data"  role="form"  autocomplete="off" >
        
    

</form>
       
        </div>
        <div class="modal-footer" style="border-top:none !important;">
      
        </div>
      </div>
      
    </div>
  </div>
          <!-- content-wrapper ends -->
          <!-- partial:../../partials/_footer.html -->
          <footer class="footer">
            <div class="d-sm-flex justify-content-center justify-content-sm-between">
              <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © vega bussiness softwere 2022</span>
             
            </div>
          </footer>
          <!-- partial -->
        </div>
        <!-- main-panel ends -->
      </div>








      
      <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->
    <!-- plugins:js -->
    <script src="<?php echo e(asset('admin/js/vendor.bundle.base.js')); ?>"></script>
    <!-- endinject -->
    <!-- Plugin js for this page -->
    <!-- End plugin js for this page -->
    <!-- inject:js -->
   <script src="<?php echo e(asset('js/moment.min.js')); ?>"></script>
    <script src="<?php echo e(asset('js/bootstrap-datetimepicker.min.js')); ?>"></script> 
    <script src="<?php echo e(asset('admin/admintheme/js/off-canvas.js')); ?>"></script>
    <script src="<?php echo e(asset('admin/admintheme/js/misc.js')); ?>"></script>
    <script src="<?php echo e(asset('project-js/vega-scripts.js')); ?>"></script>
    <script src="<?php echo e(asset('date_picker/jquery.js')); ?>" ></script>
    <script src="<?php echo e(asset('date_picker/jquery.datetimepicker.full.js')); ?>" ></script>

    <script src="<?php echo e(asset('datatables/jquery.dataTables.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/dataTables.bootstrap4.min.js')); ?>"></script>
<!-- Buttons examples -->
<script src="<?php echo e(asset('datatables/dataTables.buttons.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/buttons.bootstrap4.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/jszip.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/pdfmake.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/vfs_fonts.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/buttons.html5.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/buttons.print.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/buttons.colVis.min.js')); ?>"></script>
<!-- Responsive examples -->
<script src="<?php echo e(asset('datatables/dataTables.responsive.min.js')); ?>"></script>
<script src="<?php echo e(asset('datatables/responsive.bootstrap4.min.js')); ?>"></script>

<script src="<?php echo e(asset('js/select2.min.js')); ?>" ></script>
<script src="<?php echo e(asset('js/jquery.ui.min.js')); ?>" ></script>

<script src="<?php echo e(asset('js/MonthPicker.min.js')); ?>" ></script>
<script src="<?php echo e(asset('js/bootstrap.min.js')); ?>"></script>
<script src="<?php echo e(asset('js/bootstrap-datepicker.min.js')); ?>"></script>





<!-- <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
 -->

    
<!--   <script src="//cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
 --> 
  
    <!-- endinject -->
    <!-- Custom js for this page -->
    <!-- End custom js for this page -->






<script>






 var table = $('#dynamic_rep_table').DataTable({
        dom: 'lBfrtip',
        'autoWidth':false,
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'colvis'
        ],
        "ordering": false,
        "searching": false,
        "bLengthChange": true,
        "bPaginate": false,
        "bSort" : true,
         "bInfo" : false,
        columnDefs: [ {
            visible: false
        } ]
        
        
    });
     table.columns().every( function () {
        var that = this;
 
        $( 'input', this.footer() ).on( 'keyup change', function () {
            if ( that.search() !== this.value ) {
                
                that.search( this.value ).draw(); 
                
            }
        } );
    } );
    

 var table2 = $('#dynamic_pur_table').DataTable({
        dom: 'lBfrtip',
        'autoWidth':false,
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'colvis'
        ],
        "ordering": false,
        "searching": false,
        "bLengthChange": true,
        "bPaginate": false,
        "bSort" : true,
         "bInfo" : false,
        columnDefs: [ {
            visible: false
        } ]
        
        
    });
     table2.columns().every( function () {
        var that = this;
 
        $( 'input', this.footer() ).on( 'keyup change', function () {
            if ( that.search() !== this.value ) {
                
                that.search( this.value ).draw(); 
                
            }
        } );
    } );
    
    
    



</script>

  </body>
</html>

<?php /**PATH D:\xampp\htdocs\petro\resources\views/History.blade.php ENDPATH**/ ?>