@extends('layouts/pos_layout')
@section('title', '| Opening Balance')
@section('content')
    @php
        use App\Models\pos\ProductConfig\PosProduct;
    @endphp
    <style>
        span.select2-container {
            z-index: 10050;
        }
    </style>
    <div class="row add-data-form" style="height:100%">
        <div class="col-md-12">
            <div class="col-md-1"></div>
            <div class="col-md-10 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{{ url('pos/viewOpeningBalance/') }}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i>Opening Balance List</a>
                    @if($isImportFromExcelStatus == 'true')
                    <a href="javascript:void(0);" onclick="showOpeningBalanceExcelModal('Upload Opening Balance Excel Sheet','Save')" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Upload Opening Balance Excel Sheet</a>
                    @endif
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">Opening Balance</div>
                    </div>
                    <div class="panel-body">

                        {!! Form::open([
                            'url' => '',
                            'enctype' => 'multipart/form-data',
                            'role' => 'form',
                            'class' => 'form-horizontal form-groups',
                        ]) !!}                     


                        <input type='hidden' class="form-control input-sm text-center"
                            id='installment_package_details_id' name='installment_package_details_id' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='installment_package_month' name='installment_package_month' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='installment_package_profit' name='installment_package_profit' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='installment_package_type' name='installment_package_type' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='installment_down_payment_status' name='installment_down_payment_status' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='is_take_down_payment' name='is_take_down_payment' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='is_take_down_payment_type' name='is_take_down_payment_type' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='down_payment_percent' name='down_payment_percent' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='is_take_security_money' name='is_take_security_money' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='is_take_security_money_type' name='is_take_security_money_type' readonly />
                        <input type='hidden' class="form-control input-sm text-center"
                            id='security_money_percent' name='security_money_percent' readonly />

                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {!! Form::label('branch_id', 'Branch : *', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-9">
                                            <select name="branch_id" id="branch_id" class="form-control" required>
                                                <option value="">Select Branch</option>
                                                @if ($branches)
                                                    @foreach ($branches as $branch)
                                                        <option value="{{ $branch->id }}">{{ $branch->branchCode }} -
                                                            {{ $branch->name }}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                            <p id='branch_ide' style="max-height:3px;"></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        {!! Form::label('Opening Date', 'Opening Date :', ['class' => 'col-sm-5 control-label']) !!}
                                        <div class="col-sm-7">
                                            {!! Form::text('opening_date', null, ['class' => 'form-control', 'id' => 'opening_date_id', 'readonly']) !!}
                                            <p id='opening_datee' class="error"></p>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group col-md-12 text-right">
                                    <div class="form-group">
                                        {!! Form::button('Set Branch', ['id' => 'set_branch_id', 'class' => 'btn btn-info']) !!}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12" id="formDiv">
                                <div class="col-md-12">
                                    <div class="col-md-6">
                                        <h4>Customer Information
                                            <hr />
                                        </h4>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Customer', 'Customer : *', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    <select name="customerId" id="customer_id"
                                                        class="form-control customer_id" required>
                                                        <option value="">Select Customer</option>
                                                    </select>
                                                    <p id='customer_ide' style="max-height:3px;"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Customer Name', 'Customer Name :', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    {!! Form::text('customer_name', null, ['class' => 'form-control', 'id' => 'customer_name', 'readonly']) !!}
                                                    <p id='customer_namee' class="error"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Spouse Name', 'Spouse Name :', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    {!! Form::text('spouse_name', null, ['class' => 'form-control', 'id' => 'spouse_name', 'readonly']) !!}
                                                    <p id='spouse_namee' class="error"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Customer Contact No', 'Customer Contact No :', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    {!! Form::text('customer_contact_no', null, [
                                                        'class' => 'form-control',
                                                        'id' => 'customer_contact_no',
                                                        'readonly',
                                                    ]) !!}
                                                    <p id='customer_contact_noe' class="error"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Customer NID', 'Customer NID :', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    {!! Form::text('customer_nid', null, ['class' => 'form-control', 'id' => 'customer_nid', 'readonly']) !!}

                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Pass Book Number', 'Pass Book Number:', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    {!! Form::text('pass_no', null, ['class' => 'form-control', 'id' => 'pass_no']) !!}
                                                    <p id="passValidationMsg" style="color: red; display: none">Maximum and
                                                        minimum digit 6</p>

                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <h4>Product Information
                                            <hr />
                                        </h4>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Product Category', 'Product Category :', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    <select name="productCategoryId" id="product_category_id"
                                                        class="form-control">
                                                        <option value="">Select Product Category </option>
                                                        @if ($posProductCategorys)
                                                            @foreach ($posProductCategorys as $posProductCategory)
                                                                <option value="{{ $posProductCategory->id }}">
                                                                    {{ $posProductCategory->name }}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>

                                                    <p id='product_category_ide' style="max-height:3px;"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Product Sub Category', 'Product Sub Category :', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    <select name="product_sub_category_id" id="product_sub_category_id"
                                                        class="form-control">
                                                        <option value="">Select Product Category </option>

                                                    </select>
                                                    <p id='product_sub_category_ide' style="max-height:3px;"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Product Model', 'Product Model :', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    <select name="product_model_id" id="product_model_id"
                                                        class="form-control">
                                                        <option value="">Select Product Sub Category</option>

                                                    </select>
                                                    <p id='product_model_ide' style="max-height:3px;"></p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Product', 'Product : *', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    <select name="product_id" id="product_id" class="form-control"
                                                        required>
                                                        <option value="">Select Product</option>

                                                    </select>
                                                    <p id='product_ide' style="max-height:3px;"></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Product EMEI/PID No', 'Product EMEI/PID No:', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    {!! Form::text('pid_emei_number', null, ['class' => 'form-control', 'id' => 'pid_emei_number']) !!}
                                                    <p id="pid_emei_numbere" style="color: red; display: none"></p>

                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <div class="form-group">
                                                {!! Form::label('Installment Package', 'Installment Package: *', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    <select name="installment_package" id="installment_package"
                                                        class="form-control" required>
                                                        <option value="">Select Installment Package</option>
                                                    </select>
                                                    <p id='installment_packagee' style="max-height:3px;"></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12">

                                    <div class="col-md-12">
                                        <h4>Sale Information
                                            <hr />
                                        </h4>
                                        <div class="col-md-6">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    {!! Form::label('Sale Bill No', 'Sale Bill No* :', ['class' => 'col-sm-4 control-label']) !!}
                                                    <div class="col-sm-8">
                                                        <div class="input-group prefix">
                                                            <span class="input-group-addon">SLS001 <span id="sls_id">
                                                                </span></span>
                                                            {!! Form::hidden('branch_code', null, ['class' => 'form-control', 'id' => 'branch_code']) !!}
                                                            {!! Form::hidden('processing_fee_id', null, ['class' => 'form-control', 'id' => 'processing_fee_id']) !!}
                                                            {!! Form::hidden('service_charge', null, ['class' => 'form-control', 'id' => 'service_charge']) !!}
                                                            {!! Form::hidden('others_fee_id', null, ['class' => 'form-control', 'id' => 'others_fee_id']) !!}
                                                            {!! Form::hidden('others_fee', null, ['class' => 'form-control', 'id' => 'others_fee']) !!}
                                                            {!! Form::text('sale_bill_no', null, [
                                                                'class' => 'form-control',
                                                                'id' => 'sale_bill_no',
                                                                'required' => 'required',
                                                            ]) !!}

                                                            {!! Form::hidden('sale_bill_no', null, ['class' => 'form-control', 'id' => 'sale_bill_no_insert']) !!}
                                                            <p style="color: red; display: none;" id="validationMsg">Given
                                                                sale bill no. already exists</p>
                                                            <p id='sale_bill_noe' style="max-height:3px;"></p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    {!! Form::label('Sale Amount', 'Sale Amount :', ['class' => 'col-sm-4 control-label']) !!}
                                                    <div class="col-sm-8">
                                                        {!! Form::text('sale_amount', null, ['class' => 'form-control', 'id' => 'sale_amount']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    {!! Form::label('Installment Amount', 'Installment Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                                    <div class="col-sm-8">
                                                        {!! Form::text('installment_amount', null, [
                                                            'class' => 'form-control',
                                                            'readonly',
                                                            'id' => 'installment_amount',
                                                        ]) !!}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    {!! Form::label('Balance', 'Balance:', ['class' => 'col-sm-4 control-label']) !!}
                                                    <div class="col-sm-8">
                                                        {!! Form::text('balance', null, ['class' => 'form-control', 'id' => 'balance']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    {!! Form::label('Paid Amount', 'Paid Amount :', ['class' => 'col-sm-4 control-label']) !!}
                                                    <div class="col-sm-8">
                                                        {!! Form::text('paid_amount', null, ['class' => 'form-control', 'id' => 'paid_amount', 'readonly']) !!}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    {!! Form::label('Sale Date', 'Sale Date* :', ['class' => 'col-sm-4 control-label']) !!}
                                                    <div class="col-sm-8">
                                                        {!! Form::text('sales_date', null, ['class' => 'form-control datePickerSale', 'id' => 'sale_date']) !!}
                                                        <p id='sales_datee' class="error"></p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    {!! Form::label('Last Collection Date', 'Last Collection Date :', ['class' => 'col-sm-4 control-label']) !!}
                                                    <div class="col-sm-8">
                                                        {!! Form::text('last_collection_Date', null, [
                                                            'class' => 'form-control datePicker',
                                                            'id' => 'last_collection_Date',
                                                        ]) !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>




                                    </div>
                                </div>

                                <div class="form-group col-md-12 text-right" style="float:right">
                                    {!! Form::label('submit', ' ', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-12">
                                        {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']) !!}
                                        <a href="{{ url('pos/viewOpeningBalance/') }}"
                                            class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <span id="success" style="color:green; font-size:20px;"></span>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>
@include('pos/exportImportData/importModalView/excelOpeningBalanceModal')
@endsection

<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $(".datePicker").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy',
        });

        //Get Branch Opening Date
        $('#branch_id').on('change', function() {

            var brId = $("#branch_id").val();

            $.ajax({
                    url: "./gnrPosOpeningBranchDate",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        'brId': brId
                    },
                })
                .done(function(data) {
                    $("#opening_date_id").val(data);
                    $(".datePickerSale").datepicker({
                        changeMonth: true,
                        changeYear: true,
                        dateFormat: 'dd-mm-yy',
                        maxDate: data,
                    });
                });

            $.ajax({
                    url: "./ajaxGnrBranchCode",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        'brId': brId
                    },
                })
                .done(function(data) {
                    $("#sls_id").text(data);
                    $("#branch_code").val(data);

                });

        });

        //Set Branch

        $("#set_branch_id").click(function() {

            var brId = $("#branch_id").val();

            if (brId) {
                // $("#branch_id").attr("readonly", true);
                $("#branch_id").prop('disabled', true);
                $("#formDiv").removeClass("hide");
                $("#set_branch_id").hide();

                $.ajax({
                        url: "./ajaxSelectCustomerInfo",
                        type: 'POST',
                        dataType: 'json',
                        data: {
                            'brId': brId
                        },
                    })
                    .done(function(data) {
                        $('#customer_id').empty();
                        $('#customer_id').append("<option value=''>Select Customer</option>");
                        $.each(data, function(index, value) {
                            $('#customer_id').append("<option value='" + value.id + "'>" +
                                value.customer_name + "</option>");
                        });
                    });

            } else {
                $('#branch_id').prop('disabled', false);
                toastr.warning('Select Brnach Frist', 'Warring');
                return false;

            }


            // $("#no_of_staff").removeAttr("readonly");

        });

        //Customer info
        $('#customer_id').on('change', function() {

            var customerId = $(this).val();

            $.ajax({
                    url: "./ajaxCustomerInfo",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        'customerId': customerId
                    },
                })
                .done(function(data) {
                    $("#customer_name").val(data.name);
                    $("#spouse_name").val(data.spouse_name);
                    $("#customer_nid").val(data.national_id);
                    $("#customer_contact_no").val(data.phone);
                });

        });

        // $('#pass_no').keyup(function() {

        //     passBookNo = $(this).val();

        //     if (passBookNo.length < 6 || passBookNo.length > 6) {
        //         document.getElementById("passValidationMsg").style.display = "block";
        //     } else {
        //         document.getElementById("passValidationMsg").style.display = "none";
        //     }
        // });

        $('#sales_date').select(function() {

            var sales_date = $(this).val();

            if (sales_date.length > 0) {
                document.getElementById("sales_datee").style.display = "block";
            } else {
                document.getElementById("sales_datee").style.display = "none";
            }
        });

        $('#sale_bill_no').keyup(function(e) {
            document.getElementById("sale_bill_noe").style.display = "none";
            if ($(this).val().length > 6) {

                $(this).val($(this).val().slice(0, -1));
                toastr.warning('Bill no max size must be 6 digits', 'Warring');
                return false;

            } else {
                value = $(this).val();
                length = value.length;
                var branch_code = $("#branch_code").val();

                if (length == 1)
                    sale_bill_no = branch_code + '00000' + value;
                else if (length == 2)
                    sale_bill_no = branch_code + '0000' + value;
                else if (length == 3)
                    sale_bill_no = branch_code + '000' + value;
                else if (length == 4)
                    sale_bill_no = branch_code + '00' + value;
                else if (length == 5)
                    sale_bill_no = branch_code + '0' + value;
                else if (length == 6)
                    sale_bill_no = branch_code + value;

                sale_bill_no = sale_bill_no.replace(/^0+/, '');
                $("#sale_bill_no_insert").val(sale_bill_no);

                // $.ajax({
                // url: "./ajaxCheckSalesBillNo",
                // type: 'POST',
                // dataType: 'json',
                // data: {'sale_bill_no':sale_bill_no},
                // })
                // .done(function(data) {
                // });
            }
        });

        //sub category Info

        $("#product_category_id").change(function() {
            var productCategoryId = $(this).val();
            var csrf = "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/shikkhaplus/public_html/guk_bk/resources/views/pos/tools/openingBalance/addOpeningBalance.blade.php:560
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/pos/tools/openingBalance/addOpeningBalance.blade.php</b> on line <b>560</b><br />