@extends('AdminLte.template')

<!--Title-->
@section('title')
Store Stock Ledger Report
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
<style>
    /* The container */
    .container {
        display: block;
        position: relative;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /* Hide the browser's default checkbox */
    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        height: 20px;
        width: 20px;
        margin-left: 5px;
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a red background */
    .container input:checked ~ .checkmark {
        background-color: red;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .container input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .container .checkmark:after {
        left: 8px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
</style>
@endsection
<!--External CSS Close--> 

@section('Content')
<!-- Your Page Content Here -->
<div class="col-md-12 txtCenter">
    @php
    $title = "Store Stock Ledger";
    @endphp
    <h3>{{$title}}</h3>
    <br/>
    {{ Form::open(['action' => 'RegisterReportController@stockLedger','autocomplete' => 'off','id' => 'stockLedger']) }}
    <div class="col-md-12 txtCenter">
        <div class="col-md-12 txtCenter">
            <span class="fontsize10 required">✱</span>
            <label class="inputType"> Store : </label> 
            <input type="text" size="16" name="storeName" id="storeName" class="input inputType borderNone borderBottom blue noPadding" required>
            <input type="hidden" name="storeId" id="storeId">
        </div>
        <br/><br/>
        <label class="inputType">From : </label> 
        <input name="fromDate" id="fromDate" value="{{date('Y-m-d')}}" class="inputType borderNone borderBottom blue noPadding" type="date" required>
        &nbsp;
        <label class="inputType">To : </label>
        <input name="toDate" id="toDate" value="{{date('Y-m-d')}}" class="inputType borderNone borderBottom blue noPadding" type="date" required>
    </div>

    <br/><br/>
    <div class="col-md-4 col-md-offset-4 txtLeft">
        <label class="inputType">Product Name : </label>
        <input type="hidden" name="productId" id="productId">
        <input type="text" size="23" name="productName" id="productName" class="input inputType borderNone borderBottom blue noPadding">
    </div>
    <br/><br/>
    <div class="col-md-3 col-md-offset-4 txtCenter">
        <label class="inputType" style="margin-left:50px;">Type : </label> 
        <select name="type" id="type" class="inputType borderNone borderBottom blue noPadding">
            <option value="S">Summary</option>
            <option value="D">Detail</option>
        </select>
    </div>
    <br/><br/>
    <div class="col-md-3 col-md-offset-4 txtCenter">
        <label class="inputType" style="margin-left:50px;">Rate:</label>
        <select name="priceType" id="priceType" class="inputType borderNone borderBottom blue noPadding">
            <option value="WO">Without GST</option>
            <option value="W">With GST</option>
            <option value="M">MRP</option>
        </select>
    </div>
    <br/><br/>
    <input type="hidden" name="freezeOption" value="{{$freezeOption}}">
    <div class="col-md-12 txtCenter">
        @if($freezeOption == 1)
        <label class="inputType fontsize14 container" for="isFreeze">Freeze the Ledger : 
            <input type="checkbox" id="isFreeze" name="isFreeze">
            <span class="checkmark"></span>
        </label>
        @endif
    </div>
    <button name="Submit"  id="btnSubmit" class="btn btn-success btn-sm">Submit</button>
    <br/><br/>
    {{ Form::close() }}
</div>

<br/>
<table align="center" border="1" style="width:50%;">
    <thead>
    <h4 align="center"><b>Ledger Freezing Summary</b></h4>
    <tr>
        <th class="th borderTopBottom txtCenter">Sr No.</th>
        <th class="th alignTop borderTopBottom txtCenter">Rate Type</th>
        <th class="th alignTop borderTopBottom txtCenter">Last Freezing Month</th>
        <th class="th alignTop borderTopBottom txtCenter">Closing Balance</th>
        <th class="th alignTop borderTopBottom txtCenter">Frozen By</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td class="td notBold alignTop borderTopBottom txtCenter">1</td>
        <td class="td notBold alignTop borderTopBottom txtLeft"> Without GST</td>
        <td class="td notBold alignTop borderTopBottom txtCenter" id="WOFreezedMonth"></td>
        <td class="td notBold alignTop borderTopBottom txtRight" id="WOClosingBalance"></td>
        <td class="td notBold alignTop borderTopBottom txtCenter" id="WOFrozenBy"></td>
    </tr>
    <tr>
        <td class="td notBold alignTop borderTopBottom txtCenter">2</td>
        <td class="td notBold alignTop borderTopBottom txtLeft"> With GST</td>
        <td class="td notBold alignTop borderTopBottom txtCenter" id="WFreezedMonth"></td>
        <td class="td notBold alignTop borderTopBottom txtRight" id="WClosingBalance"></td>
        <td class="td notBold alignTop borderTopBottom txtCenter" id="WFrozenBy"></td>
    </tr>
    <tr>
        <td class="td notBold alignTop borderTopBottom txtCenter">3</td>
        <td class="td notBold alignTop borderTopBottom txtLeft"> MRP</td>
        <td class="td notBold alignTop borderTopBottom txtCenter" id="MFreezedMonth"></td>
        <td class="td notBold alignTop borderTopBottom txtRight" id="MClosingBalance"></td>
        <td class="td notBold alignTop borderTopBottom txtCenter" id="MFrozenBy"></td>
    </tr>
</tbody>
</table>
<br/>

@if(session()->has('errorMessage'))
<div class="col-md-6 col-md-offset-3" style="margin-top:15px;">
    <div class="alert alert-danger alert-dismissible fade in">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        {{ (session()->get('errorMessage'))}}
    </div>
</div>
@endif

@endsection

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

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