@extends('AdminLte.template')

<!--Title-->
@section('title')
{{$trnasactionTitle}}
@endsection
<!--Title Close-->

@if($isPharmacyBillInIPBill == "N")

<!--External CSS-->
@section('ExternalCss')
@parent
<style>
    *{font-weight:bold; }
    .input{border:none;border-bottom:1px solid #aaa;}
    .div{background:#fff; font-size:12px;}
    ul,li{font-size:12px;}
    .salesAutoComplete{width:630px;}
    #advancePaymentCollection{text-decoration:underline; }
    .commonSalesBillModalBody{max-height:340px;overflow-y:auto;}
    .badge{position: relative;margin-left: 60%;margin-top: -60%;}
</style>
<link href="{{ asset("/css/customRadioButton.css?$releaseVersion")}}" rel="stylesheet" type="text/css" />
<link href="{{ asset("/css/switch.css?$releaseVersion")}}" rel="stylesheet" type="text/css" />
@endsection
<!--External CSS Close--> 

@section('Content')
@php
$background = "background:#fff";
@endphp
<!-- Your Page Content Here #98FB98,#b5fcb5 -->
<div class="container-fluid div" >
    {{ Form::open(['action' => 'ItemController@createSingleIpPharmacyBill','id' => 'issueSingleForm','autocomplete' => 'off']) }}
    <div class="row">
        <div class="col-md-8" >
            <div class="col-md-offset-3">
                <h3 class="txtCenter" id="transactionTitle" style="{{$background}}">{{$trnasactionTitle}}</h3>
            </div>
        </div>
        <div id="storeDiv" class="col-md-4 txtRight" >
            <br/>
            <br/>
            <span class="fontsize10 required">&#10033;</span> Store : <input type="text" size="16" name="storeName" id="storeName" class="input" required>
        </div>
    </div>
    <input type="hidden" placeholder="Store Code" id="storeCode" name="storeCode" value="{{$storeCode}}" required/>
    <input type="hidden" id="issueFyear" name="issueFyear" value="{{$trnFyear}}">
    <input type="hidden" id="billNo" name="billNo" value="{{$trnId}}">
    <input type="hidden" name="billDate" value="0000-00-00">
    <input type="hidden" id="currentDate" name="currentDate" value="{{date('Y-m-d')}}" disabled>
    <input type="hidden" id="visitId" name="visitId" value="{{$visitId}}" />

    <input type="hidden" id="doctorId" name="doctorId">
    <input type="hidden" id="barcodeflag" name="barcodeflag" value="{{$barcodeFlag}}">
    <input type="hidden" id="trnType" name="transactionType" value="{{$trnType}}"/>
    <input type="hidden" id="gstCalcBasedOnDiscount" name="gstCalcBasedOnDiscount" value="Y" disabled/>
    <input type="hidden" id="trnStatus" name="trnStatus" value="{{$trnStatus}}" required disabled/>
    <input type="hidden" id="discountEditUptoMarginPercent" name="discountEditUptoMarginPercent" value="{{$discountEditUptoMarginPercent}}" required/>
    
    <input type="hidden" id="dcTransactions" name="dcTransactions"/>
    <input type="hidden" id="dcrTransactions" name="dcrTransactions"/>
    <div class="row" style="margin-top:10px;">
        <div class="col-md-4">
            <span class="fontsize10 required">&#10033;</span> IP ID : <input type="text" size="25" name="ipId" id="ipId" class="input" required>
        </div>
        <div class="col-md-5 txtLeft">
            <span class="fontsize10 requiredEither">&#10033;</span> Patient :
            <input type="text" size="20" name="patientId" id="patientId" class="input readOnlyBackground" readonly required>
            <input type="text" id="patientCategory" style="color:orangered" tabindex="-1" size="15" class="input borderNone" readonly disabled>
        </div>
        <div class="col-md-3 txtRight">
            Bill No : 
            <input type="text" id="issueTranNo" name="issueTranNo" size="18" tabindex="-1" class="input readOnlyBackground" readonly disabled>
        </div>
    </div>
    <div class="row" style="margin-top:10px;">
        <div class="col-md-3 txtLeft">
            @php
            $patientListStyle = "margin-left:-430%";
            $patientReturnListStyle = "margin-left:20%";
            @endphp
            <label id="lblRecentVisit">Balance :</label> 
            <input type="text" size="12" name="balance" tabindex="-1" id="balance" class="input ui-autocomplete-input readOnlyBackground"  autocomplete="off" readonly disabled>
            <a href="{{url('TransactionDashboard/Issue')}}" tabindex="-1" data-toggle="tooltip" title="Issue List" class="green fontsize14">
                <span class="glyphicon glyphicon-list-alt"></span>
            </a>
        </div>
        <div class="col-md-6">
            Patient Detail : <input type="text" tabindex="-1" id="patientDetail" size="15" name="patientDetail" class="input readOnlyBackground" readonly disabled>
            <input type="text"  id="companyName" style="color:orangered" tabindex="-1" size="10" class="input borderNone" readonly disabled>
            <span class="fontsize10 required">&#10033;</span> 
            Doctor : <input type="text" size="15" id="doctorName" name="doctorName" class="input" required disabled>
        </div>
        <div class="col-md-3 txtRight">
            @if($salesBillDateDisable == 'Y')
            <span class="fontsize10 required">&#10033;</span> 
            Bill Date : 
            <input type="date" value="" id="issueTranDate" name="issueTranDate" tabindex="-1" class="input readOnlyBackground" readonly required>
            @else
            <span class="fontsize10 required">&#10033;</span> 
            Bill Date : 
            <input type="date" value="" id="issueTranDate" name="issueTranDate" class="input" required>
            @endif
        </div>
    </div>
    
    <div class="row" style="margin-top:10px;">
        <div class="table-responsive">
            <div class="col-md-12" style="overflow: auto; height:245px; border:1px solid #aaa;">
                <table  class="table borderNone commonFontSize" id="maintable">
                    <thead>
                        <tr>
                            <th id="thItemName" class="th success borderTopBottom">Sr &nbsp;&nbsp; Medicine / Item Name</th>
                            <th width="4%" class="th success borderTopBottom">Batch</th>
                            @if($barcodeFlag == "Y")
                            <th width="4%" class="th success borderTopBottom">Barcode</th>
                            @endif
                            <th class="th success borderTopBottom">Category</th>
                            <th class="th success borderTopBottom">PUOM</th>
                            <th class="th success borderTopBottom">Pkg</th>
                            <th class="th success borderTopBottom">DC No</th>
                            <th class="th success borderTopBottom">Date</th>
                            <th class="th success borderTopBottom txtCenter">Qty</th>
                            <th class="th success borderTopBottom txtCenter">MRP</th>
                            <th class="th success borderTopBottom">GST%</th>
                            <th class="th success borderTopBottom">Taxable Amt</th>
                            <th class="th success borderTopBottom">Disc 
                                <input type="float" size="1" tabindex="-1" name="headerDiscount" id="headerDiscount" class="number bg-success borderNone txtRight" min="0" value="0"/> %
                            </th>
                            <th class="th success borderTopBottom">Disc Amt</th>
                            <th class="th success borderTopBottom txtRight">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <br/>
        <div class="col-md-5">
            <br/><br/>
            <div class="col-md-3 noPadding">
                Remark &emsp;&emsp;&emsp;&emsp;:
            </div>
            <div class="col-md-9 noPadding">
                <input type="text" id="remark" class="text input" name="remark" size="35" maxlength="50">
            </div>
            <br/><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 class="col-md-4 noPadding">
            @if($PH_DISPLAY_MARGIN_DETAILS == 'Y')
            <table align="right" class="table border borderNone commonFontSize col-md-12">
                <thead>
                    <tr>
                        <th width="1%" class="th warning borderNone borderBottom txtRight"></th>
                        <th width="20%" class="th warning borderNone borderBottom txtRight">L.P. (&#x20a8;)</th>
                        <th width="20%" class="th warning borderNone borderBottom txtRight">S.P. (&#x20a8;)</th>
                        <th width="20%" class="th warning borderNone borderBottom txtRight">Margin (&#x20a8;)</th>
                        <th width="20%" class="th warning borderNone borderBottom txtRight">Margin %</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td id="line" class="td danger borderNone borderBottomGray marginTable">Line#</td>
                        <td id="landedPrice" class="td danger borderNone borderBottomGray txtRight marginTable"></td>
                        <td id="sellingPrice" class="td danger borderNone borderBottomGray txtRight marginTable"></td>
                        <td id="margin" class="td borderNone borderBottomGray danger txtRight marginTable"></td>
                        <td id="marginPercentage" class="td danger borderNone borderBottomGray txtRight marginTable"></td>
                    </tr>
                    <tr>
                        <td class="td success borderNone borderBottom">Cumulative</td>
                        <td id="cumLandedPrice" class="td success borderNone borderBottom txtRight marginTable"></td>
                        <td id="cumSellingPrice" class="td success borderNone borderBottom txtRight marginTable"></td>
                        <td id="cumMargin" class="td borderNone borderBottom success txtRight marginTable"></td>
                        <td id="cumMarginPercentage" class="td success borderNone borderBottom txtRight marginTable"></td>
                    </tr>
                </tbody>
            </table>
            @endif
            <div class="col-md-12">
                @php
                $class = "alert-success";
                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">{{"(#" . session()->get('trnType').session()->get('trnId'). ")"}}</span> {{session()->get('message')}}
                </div>
                @endif

            </div>
        </div>

        <div class="col-md-3 noPadding txtRight">
            <div>Gross Amount : <input type="text" tabindex="-1" name="billGrossAmount" id="billGrossAmount" size="15" class="readOnlyBackground txtRight" readonly></div>
            <div>Discount : <input type="hidden" tabindex="-1" name="billTotalDiscountType" value="A"><input type="text" name="billTotalDiscount" id="billTotalDiscount" size="15" class="readOnlyBackground txtRight" readonly></div>
            <div>Net Taxable Amount : <input type="text" tabindex="-1" name="billNetTaxableAmount" size="15" id="billNetTaxableAmount" class="readOnlyBackground txtRight" readonly></div>
            <div>CGST Amount : <input type="text" tabindex="-1" name="billCgstAmount" id="billCgstAmount" size="15" class="readOnlyBackground txtRight" readonly></div>
            <div>SGST Amount : <input type="text" tabindex="-1" name="billSgstAmount" id="billSgstAmount" size="15" class="readOnlyBackground txtRight" readonly></div>
            <div>Invoice Amount : <input type="text" tabindex="-1" name="billInvoiceAmount" id="billInVoiceAmount" size="15" class="readOnlyBackground txtRight" readonly></div>
            <div>Round Off : <input type="text" tabindex="-1" name="billRoundOff" id="billRoundOff" size="15" class="readOnlyBackground txtRight" readonly></div>
            <div>Net Amount: <input type="text" name="billNetAmount" id="billNetAmount" size="15" class="readOnlyBackground txtRight" autocomplete="off" readonly></div>
        </div>
        <br/><br/>

        <div class="col-md-7 col-md-offset-4">
            <button type="submit" name="btnSubmit" value="submit" id="btnSubmit" tabindex="-1" class="btn btn-xs btn-primary"> <span class="glyphicon glyphicon-ok"></span> Submit</button>
            <button type="button" name="btnReset" id="btnReset" class="btn btn-xs btn-info"> <span class="glyphicon glyphicon-repeat"></span> Reset</button>
        </div>
        
        {{ Form::close() }}
    </div>
    <br/>
</div>
@endsection

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

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

@else

@section('Content')
<div class="login-logo">
    <br/><br/><br/><br/>
    <font>Pharmacy Bills are covered under IP Bill, <br>hence Single Pharmacy Bill cannot be created…</font></b>
</div>
@endsection

@endif