@extends('layouts.app')
@section('title') {{'Requisition Details'}} @endsection
@section('content')

@include('layouts.numbertowords')

  
    <div class="col-md">
        <div class="panel panel-default">
            <div class="panel-heading">
                Requisition Details 
                <a href="{{ url('/orderslist') }}" class="pull-right"> Back to Requisition List </a>
            </div>
            <div class="col-sm-12 text-center">
                <div class="clearfix">
                    <p class="pull-right">
                        <!-- upload Defect stary -->
                        @if ($orders_list[0]->status == 0 && Auth::user()->parents == "0")
                                <a href="#" class="btn btn-warning" data-toggle="modal" data-target="#defect_description" > Confirm </a>
                        @endif
                        <!-- upload Defect End -->
                        <span title="Print" class="btn btn-primary" onclick="printData('myTablePrint')" > <i class="glyphicon glyphicon-print"> </i> </span>
                        <!-- <span title="Download" class="btn btn-success" onclick="exportTableToExcel('myTablePrint')" > <i class="glyphicon glyphicon-download-alt"></i> </span> -->
                    </p>
                </div>
            </div>
<div class="form-group mt-1" style="width:100%; height:500px; overflow: scroll;" >
            <div class="panel-body" id="myTablePrint">

                @if (Session::has('msg'))
                    <div class="alert alert-info">{{ Session::get('msg') }}</div>
                @endif

                <div class="col-sm-12 text-center">
                    

                    <div style="display: flow-root;"><img style=" float: right; width: 20%; display: block; position: relative;" src="{{ asset('images/logo.png') }}" alt="WTC" /></div>
                    <br>
                    <div style="float: left; height: 20px;">WTC Requisition No : WTC0{{ $orders_list[0]->id }}</div>

                    <div style="float: right; height: 20px;">Print Date : {{date('d-F-Y')}}</div>
                    <br>
                    <div style="float: left; height: 20px;">Requisition Date : {{date('d-m-Y', strtotime($orders_list[0]->txn_date)) }} </div>
                    <br>
                    <div style="float: left; height: 20px;">Supplier Name :  {{ $orders_list[0]->supplier_id }} - {{ $orders_list[0]->name }} </div>
                    <br>
                    <div style="float: left; height: 20px;">Contact Person : {{ $orders_list[0]->person_name }} </div>
                    <br>
                    <div style="float: left; height: 20px;">Address : {{ $orders_list[0]->address }} </div>
                    <br>
                    <div style="float: left; height: 20px;">Mobile No. : {{ $orders_list[0]->mobile }} </div>
                    <br>
                    <div>
                    <br>
                    </div>
                </div>

                

                <table id="myTable" class="table text-center table-striped table-hover">
                    <thead class="header" id="myHeader">
                        <tr>
                            <th>S.L.</th>
                            <th>ID</th>
                            <th>Item Name</th>
                            <th>Quantity/Pcs</th>
                            <th>Free</th>
                            <th>Purchase Price</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody>
                    @php $i=0;

                        $torder_quantity = 0;
                        $torder_free = 0;
                        $torder_qty_free = 0;
                        $t_total_price = 0;
                        
                    @endphp

                    @foreach($orders_list as $row)
                        @php
                            $i++;
                            $txn_date = $row->txn_date;
                            $free = $row->free;
                            $total_quantity = $row->quantity * $row->dp_price + $free;
                            $total_price = $row->quantity * $row->dp_price;


                            $torder_free += $free;
                            $torder_qty_free += $total_quantity;
                            $t_total_price += $total_price;
                            $torder_quantity += $row->quantity;

                        @endphp
                        <tr>
                            <td>{{ $i }}</td>
                            <td>{{ $row->product_id }}</td>
                            <td style="text-align: left;">{{ $row->product_name }}</td>
                            <td>{{ $row->quantity }} {{ $row->pack_type }}</td>
                            <td>{{ $free }}</td>
                            <td>{{ number_format($row->dp_price,2) }}</td>
                            <td>{{ number_format($total_price,2) }}</td>
                            

                        </tr>
                       
                    @endforeach
                        <tr>
                            <th colspan="3">Total =</th>
                            <th>{!! number_format($torder_quantity) !!}</th>
                            <th>{{ $torder_free }}</th>
                            <th></th>
                            <th>{{ number_format($t_total_price,2) }}</th>
                        </tr>
                        <tr>
                            <td style="text-align:left;" colspan="12"><b>IN WORDS :</b> {!! numberTowords($t_total_price) !!}</td>
                        </tr>
                    </tbody>
                </table>


            </div>
        </div>
        </div>
    </div>

    <!-- upload Defect Description model start -->
                 <div class="modal fade" id="defect_description">
                    <div class="modal-dialog modal-lg">
                      <div class="modal-content">
                      
                        <!-- Modal Header -->
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        
            <!-- Modal body -->
                  <div class="modal-body">
                        <div class="experience_section education">
                      <header>
                          <h4>Invoice Confirmation <span style="color: red;">(Fill all fields)</span></h4>
                      </header>
                      <content>
                        <form method="post" action="{{ url('/orderslist') }}" enctype="multipart/form-data">
                          {{csrf_field()}}
                                <div class="col-md-2" >
                                    Invoice Date :
                                    <input id="txn_date" type="text" class="form-control" name="txn_date" value="2026-06-04" autocomplete="off" required >
                                </div>
                                <div class="col-md-2">
                                    Invoice No. :
                                    <input type="text" name="invoice_id" readonly="" class="form-control" value="{!! $orders_list[0]->id !!}"  >
                                </div>
                                
                                <br/> 
                                <button type="submit" class="btn btn-info"><i class="glyphicon glyphicon-check"></i> Submit</button>
                               

                                <input type="hidden" name="order_id" id="order_id" value="{!! $orders_list[0]->id !!}"/> 
                                <input type="hidden" name="supplier_id" id="supplier_id" value="{!! $orders_list[0]->supplier_id !!}"/> 
                                <input type="hidden" name="debit_amount" id="debit_amount" value="{!! $t_total_price !!}"/> 
                                <input type="hidden" name="percentage" id="percentage" value="0"/> 
                                <input type="hidden" name="_token" value="{{ csrf_token() }}"/> 
                        </form>
                      </content>
                  </div>

                </div>
                
                <!-- Modal footer -->
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
                
              </div>
            </div>
        </div>
        <!-- upload Defect Description model End -->
 
    

        
    <style>
        
        table.table.text-center.table-striped.table-hover.fixedHeader .header tr th {
            position: sticky;
            top: 0;
            /* width: 109%; */
            background: #D9E5D8;
        }
        table.table.text-center.table-striped.table-hover.fixedHeader .header tr:nth-of-type(2) th{
            top: 32px;
        }
        table.table.text-center.table-striped.table-hover.fixedHeader .header tr:last-child th{
            top: 64px;
        }
        table#myTable thead#myHeader { background: #D9E5D8; color: #006C32; }

        th { border: 1px solid !important; }
        .requisitionmas.alert.alert-info { margin-top: 35px; }
        div#myTablePrint table#myTable tbody tr td { font-size: 14px; border: 1px solid;}
        
    </style>
    <script>
        jQuery( function($) {
            $( "#txn_date" ).datepicker(
                {
                  dateFormat: "yy-mm-dd"
                }
            );
        } 
        );
    </script>
 

@endsection