@extends('AdminLte.template')

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

<!--External CSS-->
@section('ExternalCss')
@parent
<style>
    *{font-weight:bold; }
    .input{border:none;border-bottom:1px solid #aaa;}
    *:focus{outline:none;}
    .div{background:#fff;font-size:12px;}
    ul,li{font-size:12px;}
    .customBg{background-color:#e892aa;}
</style>
@endsection
<!--External CSS Close-->

@section('Content')

<!-- Your Page Content Here -->
<div class="container-fluid div" >

    <div class="row">
        <div class="col-md-8" >
            <div class="col-md-offset-3">
                <h3 class="txtCenter" id="transactionTitle">{{'Material Requesition Slip'}}</h3>
            </div>
        </div>
        <br/>
        <div id="storeDiv" class="col-md-4 txtRight" >
            <br/>
            <br/>
            <span class="fontsize10 required">&#10033;</span> Store :
            @if(isset($mrHeader))
            <input type="text" size="16" name="storeName" value="{{$mrHeader->store_name}}" id="storeName" class="input" required>
            @else
            <input type="text" size="16" name="storeName" id="storeName" class="input" required>
            @endif
        </div>
    </div>
    {{ Form::open(['action' => 'StoreMrController@create','autocomplete'=>'off']) }}
    @if(isset($mrHeader))
    <input type="hidden" placeholder="Store Code" value="{{$mrHeader->store_code}}" id="storeCode" name="storeCode" required/>
    @else
    <input type="hidden" placeholder="Store Code" id="storeCode" name="storeCode" required/>
    @endif
    <input type="hidden" id="trnId" name="transactionId" value="{{$trnId}}"/>
    <input type="hidden" id="trnStatus" name="transactionStatus" value="{{$trnStatus}}"/>
    <input type="hidden" id="mrUserType" name="mrUserType" value="{{$mrUserType}}"/>
    <input type="hidden" id="accessType" name="accessType" value="{{$accessType}}"/>
    <input type="hidden" id="hospitalName" value="{{$businessEntityMasterData[0]->name}}">

    @if(isset($fromDate))

    <input type="hidden" id="fromDate" name="fromDate" value="{{$fromDate}}">
    <input type="hidden" id="toDate" name="toDate" value="{{$toDate}}">
    <input type="hidden" id="status" name="status" value="{{$status}}">
    <input type="hidden" id="search" name="search" value="{{$search}}">
    <input type="hidden" id="searchType" name="searchType" value="{{$searchType}}">
    <input type="hidden" id="searchColumn" name="searchColumn" value="{{$searchColumn}}">
    @endif
    @php
    if(isset($mrHeader)){
    $departmentId = $mrHeader->department_id;
    $departmentName = $mrHeader->department_name;
    $mrNumber = $mrHeader->mr_id;
    $mrDate = $mrHeader->mr_date;
    $remarks = $mrHeader->remarks;
    $readOnlyClass = "readOnlyBackground";
    $readOnly = "readOnly";
    }else{
    $departmentId = "";
    $departmentName = "";
    $mrNumber = "";
    $mrDate = date('Y-m-d');
    $remarks = "";
    $readOnlyClass = "";
    $readOnly = "";
    }
    @endphp
    <input type="hidden" id="departmentId" name="departmentId" value="{{$departmentId}}" required/>
    <div class="row" style="margin-top:10px;">
        <div class="col-md-4 txtRight">
            <span class="fontsize10 required">&#10033;</span> Department Name :
            <input type="text" name="departmentName" value="{{$departmentName}}" id="departmentName" class="input {{$readOnlyClass}}"  required>
            @php
            $backUrl = ($mrUserType == 'S') ? url('StoreMrDashboard/SuperUser') :url('StoreMrDashboard/User');
            @endphp
            <a href="{{$backUrl}}" data-toggle="tooltip" title="MR List" class="green fontsize14">
                <span class="glyphicon glyphicon-list-alt"></span>
            </a>
        </div>

        <div class="col-md-4 txtRight">
            MR No : <input type="text" tabindex="-1" name="mrNumber" value="{{$mrNumber}}" id="mrNumber" class="input readOnlyBackground" disabled>
        </div>
        <div class="col-md-4 txtRight">
            <span class="fontsize10 required">&#10033;</span> MR Date :
            <input type="date" id="mrDate" name="mrDate"  value="{{$mrDate}}" class="input {{$readOnlyClass}}" >
        </div>
    </div>

    <div class="row" style="margin-top:10px;">
        <div class="table-responsive">
            <div class="col-md-12" style="overflow: auto; height:250px; border:1px solid #aaa;">
                <table  class="table borderNone commonFontSize" id="maintable">
                    <thead>
                        <tr>
                            <th class="th warning borderTopBottom alignTop"><input class="ckbAll" type="checkbox" tabindex="-1"></th>
                            <th class="th warning borderTopBottom alignTop">Sr &nbsp;&nbsp; Item Name</th>
                            <th class="th warning borderTopBottom alignTop">Category</th>
                            <th class="th warning borderTopBottom alignTop">SUOM</th>
                            <th width="10%" class="th warning borderTopBottom txtRight alignTop">Qty Requested</th>
                            <th width="10%" class="th warning borderTopBottom txtRight alignTop">Qty Approved</th>
                            <th width="10%" class="th warning borderTopBottom txtRight alignTop">Qty Issued</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php
                        $counter=0;
                        @endphp
                        @if(isset($mrTransactionData))
                        @foreach ($mrTransactionData as $key =>$mrTransaction)
                        @php
                        $i = $counter++;
                        @endphp
                        <tr>
                            <td id="{{ $i }}" class="td borderTopBottomGray"><input type="checkbox" tabindex="-1"></td>
                            <td class="td borderTopBottomGray"><input type="hidden" name="productId[]" value="{{ $mrTransaction->product_id }}" id="productId_{{ $i }}" class="productId"><input type="hidden" name="stockUom[]" value="{{ $mrTransaction->stock_uom }}" id="stockUom_{{ $i }}" class="stockUom"><span style="text-align:right;"> {{ $i+1 }} </span><input type="text" name="productName[]" value="{{$mrTransaction->product_name}}" id="productName_{{ $i }}" class="borderNone productName txtUpperCase" size="20" required></td>
                            <td class="td borderTopBottomGray readOnlyBackground"><input type="text" name="category[]" value="{{$mrTransaction->category_abbrev}}" tabindex="-1" id="category_{{ $i }}" class="borderNone category readOnlyBackground" size="7" required readOnly></td>
                            <td class="td borderTopBottomGray readOnlyBackground"><input type="text" name="stockUnitAbbrev[]" value="{{$mrTransaction->unit_abbrev}}" tabindex="-1" id="stockUnitAbbrev_{{ $i }}" class="borderNone stockUnitAbbrev readOnlyBackground" size="7" required readOnly></td>
                            @if($mrUserType == "U")
                            <td class="td borderBottomGray txtRight"><input type="number" name="requestedQty[]" value="{{$mrTransaction->requested_quantity}}" id="requestedQty_{{ $i }}" class="borderNone requestedQty number txtRight" min="0" required></td>
                            <td class="td borderBottomGray readOnlyBackground txtRight"><input type="number" name="approvedQty[]" tabindex="-1" value="{{$mrTransaction->requested_quantity}}" id="approvedQty_{{ $i }}" class="borderNone approvedQty readOnlyBackground number txtRight" min="0" required readonly></td>
                            <td class="td borderBottomGray readOnlyBackground txtRight"><input type="number" name="issuedQty[]" tabindex="-1" value="{{$mrTransaction->issued_quantity}}" id="issuedQty_{{ $i }}" class="borderNone issuedQty readOnlyBackground number txtRight" min="0" required readonly></td>
                            @else
                            <td class="td borderBottomGray readOnlyBackground txtRight"><input type="number" name="requestedQty[]" tabindex="-1" value="{{$mrTransaction->requested_quantity}}" id="requestedQty_{{ $i }}" class="borderNone requestedQty readOnlyBackground number txtRight" min="0" required readonly></td>
                            <td class="td borderBottomGray txtRight"><input type="number" name="approvedQty[]" value="{{$mrTransaction->requested_quantity}}" id="approvedQty_{{ $i }}" class="borderNone approvedQty number txtRight" min="0" required></td>
                            <td class="td borderBottomGray readOnlyBackground txtRight"><input type="number" name="issuedQty[]" tabindex="-1" value="{{$mrTransaction->issued_quantity}}" id="issuedQty_{{ $i }}" class="borderNone issuedQty readOnlyBackground number txtRight" min="0" required readonly></td>
                            @endif
                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
        <br/>

        <div class="col-md-8">
            <div class="col-md-4">
                @if($accessType == 'E')
                <button type="button" name="btnAdd" accesskey="a" id="btnAdd" class="btn btn-xs btn-success"/> <b> + <u>A</u>dd</b></button>
                <button type="button" name="btnRemove" accesskey="r" id="btnRemove" class="btn btn-xs btn-danger"/> <b> - <u>R</u>emove</b></button>
                @endif
            </div>
            <div class="col-md-8">
                @php
                if(session()->get('messageType') == 'success'){
                $class = "alert-success";
                }else if(session()->get('messageType') == 'error'){
                $class = "alert-danger";
                }
                @endphp

                @if(session()->has('message'))
                <div id="transactionMessage" class="alert {{$class}} alert-dismissible fade in col-sm-12">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                    <span class="fontsize16">{{"Material Request (#" . session()->get('trnType').session()->get('trnId'). ")"}}</span> {{session()->get('message')}}
                </div>
                @endif

            </div>
            <br/><br/>
            <div class="col-md-12">
                <div class="col-md-9 noPadding">
                    Remark : <input type="text" id="remark" class="text input" name="remark" size="35" maxlength="50" value="{{$remarks}}" >
                </div>
                <br/><br/>
                <span class="required bold">
                    Note : <br/>
                    <span class="fontsize10 required">&#10033;</span> - Required fields. <br/>
                    <span class="fontsize10 requiredEither">&#10033;</span> - Required either fields. <br/>
                </span>
            </div>
        </div>
        <br/><br/>
        <div class="col-md-7 col-md-offset-5">
            @if($accessType == 'E')
            @if($mrUserType == 'S')
            <button type="submit" name="btnSubmit" value="submit" id="btnSubmit" class="btn btn-xs btn-primary" disabled> <span class="glyphicon glyphicon-ok"></span> Submit</button>
            <button type="submit" name="btnApprove" value="approve" id="btnApprove" class="btn btn-xs btn-success"> <span class="glyphicon glyphicon-saved"></span> Approve</button>
            @if(isset($mrHeader))
            <button type="button" data-mrheader='{{ json_encode($mrHeader)}}' data-toggle="modal" data-target="#emailModal" name="btnClose" value="close" id="btnClose" class="btn btn-xs btn-warning"> <span class="glyphicon glyphicon-off"></span> Close</button>
            @else
            <button type="button" name="btnClose" value="close" id="btnClose" class="btn btn-xs btn-warning"> <span class="glyphicon glyphicon-off"></span> Close</button>
            @endif
            @else
            <button type="submit" name="btnSave" value="save" id="btnSave" class="btn btn-xs btn-success"> <span class="glyphicon glyphicon-saved"></span> Save</button>
            <button type="submit" name="btnSubmit" value="submit" id="btnSubmit" class="btn btn-xs btn-primary"> <span class="glyphicon glyphicon-ok"></span> Submit</button>
            @if(isset($mrHeader))
            <button type="button" data-poheader='{{ json_encode($mrHeader)}}' data-toggle="modal" data-target="#emailModal" name="btnClose" value="close" id="btnClose" class="btn btn-xs btn-warning"> <span class="glyphicon glyphicon-off"></span> Close</button>
            @else
            <button type="button" name="btnClose" value="close" id="btnClose" class="btn btn-xs btn-warning"> <span class="glyphicon glyphicon-off"></span> Close</button>
            @endif
            @endif
            @if(isset($mrHeader))
            <button type="button" data-poheader='{{ json_encode($mrHeader)}}' data-toggle="modal" data-target="#emailModal" name="btnCancel" value="cancel" id="btnCancle" class="btn btn-xs btn-danger"> <span class="glyphicon glyphicon-remove"></span> Cancel</button>
            @else
            <button type="button" name="btnCancel" value="cancel" id="btnCancle" class="btn btn-xs btn-danger"> <span class="glyphicon glyphicon-remove"></span> Cancel</button>
            @endif
            @endif
        </div>
        {{ Form::close() }}

    </div>
    <br/><br/>
</div>
@endsection

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

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/store_item_mr_transaction.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->