@extends('layouts.app') {{-- Include the layout --}}

@section('content')

@include('loader')

@php 
    
    if(isset($groupacctid)){
        
        $groupactive='active';
        $detailactive='';
        
        $grouparia='true';
        $detailaria='false';
        
        $groupshow='show';
        $detailshow='';
        
    }
    else if (isset($detacctid)){
        
        $groupactive='';
        $detailactive='active';
        
        $grouparia='false';
        $detailaria='true';
        
        $groupshow='';
        $detailshow='show';
    }
    else{
        
        $groupactive='active';
        $detailactive='';
        
        $grouparia='true';
        $detailaria='false';
        
        $groupshow='show';
        $detailshow='';
    }
    
@endphp

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header"><span>Manage System Accounts</span>
                    <div style="float:right">
                        <ul class="nav nav-tabs card-header-tabs" id="myTabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link {{ $groupactive }}" id="group-tab" data-toggle="tab" href="#groupform" role="tab" aria-controls="groupform" aria-selected="{{ $grouparia }}" style="padding: 3px 10px;">Group Accounts</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link {{ $detailactive }}" id="detail-tab" data-toggle="tab" href="#detailform" role="tab" aria-controls="detailform" aria-selected="{{ $detailaria }}" style="padding: 3px 10px;">Detail Accounts</a>
                            </li>
                        </ul>
                    </div>
                
                </div>
                
                <div class="card-body">
                    @if (session('success'))
                        <div class="alert alert-success custom-alert">
                            {{ session('success') }}
                        </div>
                    @endif
                    
                    @if (session('error'))
                        <div class="alert alert-danger custom-alert">
                            {{ session('error') }}
                        </div>
                    @endif
                    
                    @if (isset($error_message))
                        <div class="alert alert-danger custom-alert">
                            {{ isset($error_message) ? $error_message : '' }}
                        </div>
                    @endif
                    <div class="tab-content">
                    
                        <!-- Group Accounts -->
                        
                        <div class="tab-pane fade {{ $groupshow }} {{ $groupactive }}" id="groupform" role="tabpanel" aria-labelledby="group-tab">
                            <form method="POST" action="{{ route('updateGroupAcct') }}" enctype="multipart/form-data">
                                @csrf
                                
                                <div class="form-group">
                                    <label for="name">Branch <span class="text-danger">*</span></label>
                                     <select name="branchid" id="branchid" class="form-control" required>
                                        
                                        <option value="">Select Branch</option>
                                        
                                        @foreach($branchlist as $branch)
                                        
                                            @php
                                                $select = (isset($branchid) && $branchid == $branch->id) ? 'selected' : '';
                                            @endphp
                                        
                                            <option value="{{ $branch->id }}" {{ $select }}>{{ $branch->name }}</option>
                                        @endforeach
                                        
                                    </select>
                                    <div class="invalid-feedback">
                                        Please enter select branch.
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="accountypeid">Account Type <span class="text-danger">*</span></label>
                                     <select name="accountypeid" id="accountypeid" class="form-control" required>
                                        
                                        <option value="">Select Account Type</option>
                                        
                                        @foreach($accounttypelist as $typelist)
                                        
                                            @php
                                                $selectoption = (isset($accountypeid) && $accountypeid == $typelist->id) ? 'selected' : '';
                                            @endphp
                                        
                                            <option value="{{ $typelist->id }}" {{ $selectoption }}>{{ $typelist->description }}</option>
                                        @endforeach
                                        
                                    </select>
                                    <div class="invalid-feedback">
                                        Please enter select account type.
                                    </div>
                                </div>                        
                                
                                <div class="form-group">
                                    <label for="description">Account Name <span class="text-danger">*</span></label> 
                                    <input type="text" id="description" name="description" class="form-control" value="{{ isset($description) ? $description : '' }}" required>
                                    <div class="invalid-feedback">
                                        Please enter account name.
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="acctnumber">Account Number for Group (No. of Digits: <span id="digitspan"></span>) <span class="text-danger">*</span></label> 
                                    <input type="number" id="acctnumber" name="acctnumber" class="form-control" value="{{ isset($acctnumber) ? $acctnumber : '' }}" required>
                                    <input type="hidden" id="acctdigits" name="acctdigits" value="">
                                    <div class="invalid-feedback" >
                                        Please enter account number.
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="totalaccts">No of Accounts <span class="text-danger">*</span></label> 
                                    <input type="number" id="totalaccts" name="totalaccts" class="form-control" value="{{ isset($totalaccts) ? $totalaccts : '' }}" required>
                                    <div class="invalid-feedback">
                                        Please enter account number.
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="fromacct">Account Range for Detail Accounts</label> 
                                    <div class="row">
                                        <div class="col">
                                            <input type="number" id="fromacct" name="fromacct" class="form-control" value="{{ isset($fromacct) ? $fromacct : '' }}" readonly required>
                                        </div>
                                        <div class="col">
                                            <input type="number" id="toacct" name="toacct" class="form-control" value="{{ isset($toacct) ? $toacct : '' }}" readonly required>
                                        </div>
                                    </div>
                                    <div class="invalid-feedback">
                                        Please enter from & to account number.
                                    </div>
                                </div>
                                
                                <br>
                                
                                <div style="text-align:right">
                                    <a href="{{ route('systemaccts') }}"><button type="button" class="btn btn-primary">Back</button></a>
                                    <button type="submit" class="btn btn-success" id="savebtn">{{ isset($groupacctid) ? 'Update' : 'Add' }}</button>
                                    
                                </div> 
                                
                                <input type="hidden" name="groupacctid" value="{{ isset($groupacctid) ? $groupacctid : '0' }}" >
                                
                            </form>
                        </div>
                        
                        <!-- Detail Accounts -->
                        
                        <div class="tab-pane fade {{ $detailshow }} {{ $detailactive }}" id="detailform" role="tabpanel" aria-labelledby="detail-tab">
                        
                            <form method="POST" action="{{ route('updateDetailAcct') }}" enctype="multipart/form-data">
                                @csrf
                                
                                <div class="form-group">
                                    <label for="detbranchid">Branch <span class="text-danger">*</span></label>
                                     <select name="detbranchid" id="detbranchid" class="form-control" required>
                                        
                                        <option value="">Select Branch</option>
                                        
                                        @foreach($branchlist as $branch)
                                        
                                            @php
                                                $select = (isset($detbranchid) && $detbranchid == $branch->id) ? 'selected' : '';
                                            @endphp
                                        
                                            <option value="{{ $branch->id }}" {{ $select }}>{{ $branch->name }}</option>
                                        @endforeach
                                        
                                    </select>
                                    <div class="invalid-feedback">
                                        Please enter select branch.
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="groupaccount">Group Account <span class="text-danger">*</span></label>
                                     <select name="groupaccount" id="groupaccount" class="form-control" required>
                                        
                                        <option value="">Select Account Type</option>
                                        
                                        @if(isset($groupacctlist))
                                            @foreach($groupacctlist as $acctlist)
                                            
                                                @php
                                                    echo $acctlist->id."<br>";
                                                    $selectoption = (isset($groupaccount) && $groupaccount == $acctlist->id) ? 'selected' : '';
                                                @endphp
                                            
                                                <option value="{{ $acctlist->id }}" {{ $selectoption }} >{{ $acctlist->description }}</option>
                                            @endforeach
                                        @endif
                                        
                                    </select>
                                    <div class="invalid-feedback">
                                        Please enter select account type.
                                    </div>
                                </div>                        
                                
                                <div class="form-group">
                                    <label for="detdescription">Account Name <span class="text-danger">*</span></label> 
                                    <input type="text" id="detdescription" name="detdescription" class="form-control" value="{{ isset($detdescription) ? $detdescription : '' }}" required>
                                    <div class="invalid-feedback">
                                        Please enter account name.
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label for="detacctnumber">Account Number <span class="text-danger">*</span></label> 
                                    <input type="number" id="detacctnumber" name="detacctnumber" class="form-control" value="{{ isset($detacctnumber) ? $detacctnumber : '' }}" required readonly>
                                    
                                    <div class="invalid-feedback" >
                                        Please enter account number.
                                    </div>
                                </div>
                                <br>
                                <div style="text-align:right">
                                    <a href="{{ route('systemaccts') }}"><button type="button" class="btn btn-primary">Back</button></a>
                                    <button type="submit" class="btn btn-success" id="detsavebtn">{{ isset($detacctid) ? 'Update' : 'Add' }}</button>
                                    
                                </div> 
                                
                                <input type="hidden" name="detacctid" id="detacctid" value="{{ isset($detacctid) ? $detacctid : '0' }}" >
                                
                            </form>
                        
                        </div>
                        
                    </div>    
                    
                </div>
            </div>
        </div>
    </div>
</div>    


<script>




$('#savebtn').on('click', function(event) {
    var form = event.target.form;

    if (!form.checkValidity()) {
        event.preventDefault();
    }
    
        
    $(form).addClass('was-validated');
        
    
});


$('#detsavebtn').on('click', function(event) {
    var form = event.target.form;

    $('#detacctnumber').prop('readonly', false);

    if (!form.checkValidity()) {
        event.preventDefault();
    }
    
        
    $(form).addClass('was-validated');
    
    setTimeout(function() {
        $('#detacctnumber').prop('readonly', true);
    }, 1000);

        
    
});

getdefaultinfo();
function getdefaultinfo(){
    
    $.ajax({
        url: 'get-default-info',
        type: 'GET',
        success: function (data) {
            
                var acctDigitsObject = data.find(function (obj) {
                return obj.hasOwnProperty('acctdigits');
            });

        
            if (acctDigitsObject) {
                //console.log(acctDigitsObject.acctdigits);
                $('#digitspan').html(acctDigitsObject.acctdigits);
                $('#acctdigits').val(acctDigitsObject.acctdigits);
                
                var place=Math.pow(10, acctDigitsObject.acctdigits - 1);
                
                $('#acctnumber').attr('placeholder',place);
                
            } else {
                //console.log('Object with "acctdigits" property not found in the data.');
                $('#digitspan').html(0);
                $('#acctdigits').val(0);
                
                $('#acctnumber').attr('placeholder', '0');
            }
        },
        error: function () {
            alert('Error loading data.');
        }
    });
}

    
$('#acctnumber').change(function (){

    var acctnumber = $(this).val();
    var acctdigits = $('#acctdigits').val();
    var acctnumberLength = acctnumber.length;

    var errorMessage = $(this).closest('.form-group').find('.invalid-feedback');

    if (acctnumberLength!=parseInt(acctdigits)) {
        
        errorMessage.css('display', 'block'); 
        errorMessage.html("You're not allowed to add digits more than "+acctdigits+'.');
        $(this).val('');
        
    } else {
        
        errorMessage.css('display', 'none');
        errorMessage.text('');
        
    }

});


$('#totalaccts, #acctnumber').on('change keyup', function (){
    
    var totalaccts = Number($('#totalaccts').val());;
    var acctnumber = Number($('#acctnumber').val());
    
    if(totalaccts>0 && acctnumber>0){
        
        var fromacct=acctnumber+1;
        var toacct=acctnumber+totalaccts;
        
        //console.log(acctnumber+"~~"+totalaccts);
        
        $('#fromacct').val(fromacct);
        $('#toacct').val(toacct);
        
    }
    else{
        $('#fromacct').val('');
        $('#toacct').val('');
    }
    
    
});


$('#detbranchid').change(function (){
    
    var detbranchid=$(this).val();
    
    if(detbranchid>0){
        
        LoadingStart();
        
         $.ajax({
            type: 'GET',
            url: 'getGroupAccounts/'+detbranchid,
            data: {
                
            },
            success: function(response) {
                
                
                $('#groupaccount').empty();
                $('#groupaccount').append(response);
                $('#detdescription').val('');
                $('#detacctnumber').val('');
                
                
                 LoadingStop();  
                
            },
            error: function(error) {
                console.error('Error deleting the item', error);
                LoadingStop();  
            }
        });
    }
    else {
        $('#groupaccount').empty();
    }
});


$('#groupaccount').change(function (){
    
    var detacctid=$('#detacctid').val(); 
    var groupaccount=$('#groupaccount').val(); 
    var detbranchid=$('#detbranchid').val();
     
    if(detbranchid>0 && groupaccount>0){
        
        LoadingStart(); 
        
        $.ajax({
            type: 'GET',
            url: '{{ url("admin/detailaccount-number") }}/' + detacctid + '/' + groupaccount + '/' + detbranchid,
            data: {

            },
            success: function(response) {
                
                
                $('#detacctnumber').val(response);
                LoadingStop(); 
            },
            error: function(error) {
                console.error('Error deleting the category', error);
                LoadingStop(); 
            }
        });
        
    }
    else{
        $('#detacctnumber').val('');
    }
    
});

</script>

@endsection