@extends('AdminLte.template')

<!--Title-->
@section('title')
PHARMACY Purchase - Bill Upload
@endsection
<!--Title Close-->

<!--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;}
    .customBg{background-color:#e892aa;}
</style>

  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap4.min.css">

@endsection
<!--External CSS Close--> 

@section('Content')

  <!-- Your Page Content Here -->
  <div class="container-fluid div">
    <div class="center txtCenter" style="margin-bottom: 0px;">   
      <div class="box-body">
        <font size="+1">PHARMACY Purchase - Bill Upload</font>
      </div>
    </div> 
    <div class="box-body">
      {{ Form::open(['action' => 'autoGrnController@create','autocomplete'=>'off', 'enctype'=> 'multipart/form-data', 'id'=>'autoGrnBillUpload']) }}
        <div class="row txtCenter">
          <label for="storeName">Store Name: </label>
          <input type="text" name="storeName" id="storeName"  style="border: none; border-bottom: 1px solid #aaa; color: blue;"class="storeName" value="{{$storeName}}" required>
          <input type="hidden" name="storeId" id="storeId"  style="border: none; border-bottom: 1px solid #aaa; color: blue;"class="storeId" required>
          &nbsp;&nbsp;&nbsp;
          <label for="supplierName">Supplier Name: </label>
          <input type="text" name="supplierName" id="supplierName" style="border: none; border-bottom: 1px solid #aaa; color: blue;" class="supplierName" value="{{$supplierName}}" required>
          <input type="hidden" name="supplierId" id="supplierId" style="border: none; border-bottom: 1px solid #aaa; color: blue;" class="supplierId" required>
          &nbsp;&nbsp;&nbsp;
          <label for="fileFormat">File Format: </label>
          <input type="text" name="fileFormat" id="fileFormat" value="{{$supplierFormat}}" style="border: none; border-bottom: 1px solid #aaa; color: blue;"class="fileFormat" required>
          @if($billNo == "")
          &nbsp;&nbsp;&nbsp;
          <label for="excelUpload">Excel Upload: </label>
          <input style="display: inline;" name="file" size="150" type="file" id="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel, .csv" required />
          &nbsp;&nbsp;&nbsp;
          <button class="btn btn-success btn-xs" id="calculate" name="calculate" class="calculate">Submit</button>
          @else
            &nbsp;&nbsp;&nbsp;
            <label for="excelUpload">Bill No: </label>
            <input style="border: none; border-bottom: 1px solid #aaa; color: blue;" value="{{$billNo}}" name="billNo" type="input" id="billNo" readonly required />
          @endif
        </div><br>
      {{ Form::close() }}
    </div>
    @if(sizeof($unMappedProductId)!=0)
      <!-- <div class="box box-primary">    -->
        <form action="./../autoGrnController/mapId" id="mappingProductData" method="POST">
          <div class="box-body" style="max-height: 520px; overflow-y: scroll;">
            <div class="table-responsive">
              <table class="table borderNone commonFontSize" id="example1"  style="font-size: 15px;">
                <thead>
                  <tr>
                    <th width="3%" class="th warning borderTopBottom alignTop">Sr No.</th>
                    <th width="6%" class="th warning borderTopBottom alignTop">Supplier Product Id</th>
                    <th width="25%" class="th warning borderTopBottom alignTop">Supplier Product Name</th>
                    <th width="6%" class="th warning borderTopBottom alignTop">Supp. Product Pack</th>
                    <th width="25%" class="th warning borderTopBottom alignTop">Thims Product Name</th>
                    <th width="3%" class="th warning borderTopBottom alignTop">Pack Size</th>
                    <th width="4%" class="th warning borderTopBottom alignTop">Auto Mapped</th>
                    <th width="5%" class="th warning borderTopBottom alignTop">Thims Product Id</th>
                  </tr>
                </thead>
                <tbody>
                  @php
                    $sr = 0;
                  @endphp
                  @foreach($unMappedProductId as $unMappedProductIdList)
                    @php
                      $sr++;
                    @endphp
                    @if($sr%2==0)
                      <tr style="border: 0px solid rgb(190, 91, 91);background-color: #d4d1d1;font-size:15px">
                    @else
                      <tr style="border: 0px solid rgb(190, 91, 91);background-color: #e7e5e5;font-size:15px">
                    @endif
                      <td class="td borderBottomGray">
                        {{$sr}}
                        <input type="hidden" name="trnId[]" value="{{$unMappedProductIdList->trn_id}}" id="trnId_{{$sr}}" class="borderNone trnId readOnlyBackGround" readonly>
                        <input type="hidden" name="srNo[]" value="{{$unMappedProductIdList->sr_no}}" id="srNo_{{$sr}}" class="borderNone srNo readOnlyBackGround" readonly>
                        <input type="hidden" name="supplierId[]" value="{{$unMappedProductIdList->supplier_id}}" id="supplierId_{{$sr}}" class="borderNone supplierId readOnlyBackground" readonly>
                      </td>
                      
                      <td class="td borderBottomGray">
                        <input type="text" name="supplierProductId[]" value="{{$unMappedProductIdList->supplier_product_id}}" id="supplierProductId_{{$sr}}" style="background: transparent;width:100%" class="borderNone supplierProductId" tabindex="-1" readonly>
                      </td>
                      
                      <td class="td borderBottomGray">
                        <input type="text" name="supplierProductName[]" value="{{$unMappedProductIdList->supplier_product_name  }}" id="supplierName_{{$sr}}" style="width:100%;background: transparent;" class="borderNone supplierProductName " disabled>
                      </td>

                      <td class="td borderBottomGray">
                        <input type="text" name="supplierPackSize[]" value="{{$unMappedProductIdList->supplier_product_pack}}" id="supplierPackSize_{{$sr}}" style="background: transparent;width:100%;" class="borderNone supplierPackSize" disabled>
                      </td>
                      
                      <td class="td borderBottomGray">
                        <input type="text" name="productName[]" id="productName_{{$sr}}" value="{{$unMappedProductIdList->product_name}}" class="borderNone productName" style="width: 100%" required>
                      </td>

                      <td class="td borderBottomGray">
                        <input type="text" name="packSize[]" id="packSize_{{$sr}}" value="{{$unMappedProductIdList->conversion_factor}}" class="borderNone packSize" style="background: transparent;width:100%;" tabindex="-1" readonly required>
                      </td>
                      
                      <td class="td borderBottomGray">
                        <input type="text" name="packSize[]" id="packSize_{{$sr}}" value="{{ $unMappedProductIdList->auto_mapped=="Y"?'Yes':'' }}" class="borderNone packSize" style="background: transparent;width:100%;" tabindex="-1" readonly required>
                      </td>
                      
                      <td class="td borderBottomGray">
                        <input type="text" name="productId[]" value="{{$unMappedProductIdList->thims_product_id}}" id="productId_{{$sr}}" class="borderNone productId " style="background: transparent;width:100%;" tabindex="-1" readonly>
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
          </div>

              <button class="btn btn-success btn-xs" id="mapId" name="mapId" style="margin-left: 88%;" class="mapId">Submit</button>
              <button class="btn btn-danger btn-xs" id="reset" name="reset" class="reset">Reset</button>
              <button type="button" accesskey="+" class="btn btn-success btn-xs" title="Add Item" style="text-align:center;border-radius:20px;font-size:15px;padding-left:8px;padding-right:8px;" data-target="#pharmacyModal" data-toggle="modal"> <b><u>+</u></b> </button>
        </form>
      <!-- </div> -->
    @endif
  <div class="row">
    <div class="col-md-4"></div>
      <div class="col-md-4">
        @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'))
          @if(session()->get('trnType')=='P')
            <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>
          @else
            <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>
                {{session()->get('message')}}
            </div>
          @endif
        @endif
      </div>
    </div>
  </div>    
@endsection

<!--Bootstrap Modals-->      
@section('BootstrapModals')
  @include('Components/Bootstrap Modals/product_modal')
  @include('Components/Bootstrap Modals/category_modal')
  @include('Components/Bootstrap Modals/drug_modal')
  @include('Components/Bootstrap Modals/manufacture_modal')
  @include('Components/Bootstrap Modals/unit_modal')
  @include('Components/Bootstrap Modals/productgroup_modal')
@endsection
<!--Bootstrap Modals Close-->

<!--External JS-->
@section('ExternalJs')
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap4.min.js"></script>
<script src="{{ asset ("/js/auto_grn_bill_upload.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/productInternalModal.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/category.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/drug.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/productgroup.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/manufacture.js?$releaseVersion") }}"></script>
<script src="{{ asset ("/js/unit.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->