@extends('Reports.template')

<!--Title-->
@section('title')
{{'Pending Reorder Request List'}}
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close--> 

@section('Content')
<!-- Your Page Content Here -->
<div class="col-md-12">
    <table class="table table-responsive" style="border-top:none; border-bottom:1px solid #000;font-size:12px;">
        <thead>
            <tr>
                <th colspan="3" class="th borderNone col-md-3 col-xs-3 borderBottom" style="vertical-align:center;">
                    @if($businessEntityMasterData[0]->logo != null)
                    <!--Image--> 
                    <img class="img-responsive" alt="Pharmacy Logo" src="{{"data:image/jpeg;base64,".base64_encode( $businessEntityMasterData[0]->logo )}}"/>
                    @endif
                </th>
                <th colspan="10" class="th col-md-7 col-xs-7 borderNone borderBottom" >
                    <div style="line-height:1.0;" class="heading">{{ $businessEntityMasterData[0]->name }}</div>
                    <div style="line-height:1.0;">{{$businessEntityMasterData[0]->add1. " " .$businessEntityMasterData[0]->add2 ." ".$businessEntityMasterData[0]->city." : " .$businessEntityMasterData[0]->pincode }}</div>
                    <div style="line-height:1.0;">{{"Phone : ".$businessEntityMasterData[0]->tel1}}</div>
                </th>
            </tr>
            <tr>
                <th colspan="13" class="th noPadding alignTop fontsize15 borderBottomGray">Pending Reorder Request List</th>
            </tr>
        </thead>
    </table>
    <table id="mainTable" class="table table-striped">
        <thead>
            <tr>
                <th>Sr.</th>
                <th>Store Name</th>
                <th>Product ID</th>
                <th>Product Name</th>
                <th>Reorder Qty.</th>
                <th>Reorder Date</th>
                <th>Last Supplier Name</th>
                <th>Last Voucher No</th>
                <th>Last Voucher Date</th>
                <th>Last MRP</th>
                <th>Last Rate</th>
                <th>Ordered Qty.</th>
                <th>Pending Qty.</th>
            </tr>
        </thead>
        <tbody>
            @php
            $i = 1;
            @endphp
            @foreach ($reorderRequestData as $key => $reorderData)
            <tr>
                <td>{{ $i++ }}</td>
                <td>{{ $reorderData->storeName }}</td>
                <td>{{ $reorderData->product_id }}</td>
                <td>{{ $reorderData->product_name }}</td>
                <td>{{ $reorderData->product_reorder_qty }}</td>
                <td>{{ \Helper::getDisplayDate($reorderData->reorder_request_date) }}</td>
                <td>{{ $rateMrp[$reorderData->store_code.$reorderData->product_id]["supplierName"] }}</td>
                <td>{{ $rateMrp[$reorderData->store_code.$reorderData->product_id]["trn_type"]. ($rateMrp[$reorderData->store_code.$reorderData->product_id]["trn_type"] ? "/" : ""). $rateMrp[$reorderData->store_code.$reorderData->product_id]["trn_fyear"]. ($rateMrp[$reorderData->store_code.$reorderData->product_id]["trn_type"] ? "/" : "").$rateMrp[$reorderData->store_code.$reorderData->product_id]["trn_id"] }}</td>
                <td>{{ $rateMrp[$reorderData->store_code.$reorderData->product_id]["trn_date"] }}</td>
                <td>{{ $rateMrp[$reorderData->store_code.$reorderData->product_id]["mrp"] }}</td>
                <td>{{ $rateMrp[$reorderData->store_code.$reorderData->product_id]["price"] }}</td>
                <td>{{ $reorderData->product_ordered_qty }}</td>
                <td>{{ ($reorderData->product_reorder_qty - $reorderData->product_ordered_qty) }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>

<!--Print--> 
<div class="col-md-12 txtCenter no-print">
    <button onclick="window.top.close()" class="btn btn-sm btn-danger no-print">
        <span class="glyphicon glyphicon-remove"></span> Close
    </button>
</div>

@endsection

<!--Bootstrap Modals-->      
@section('BootstrapModals')
@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
<script>
    $(document).ready(function() {
        $('#mainTable').DataTable();
    });
</script>
@endsection
<!--External JS Close-->