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

@section('content')

@include('loader')

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header"><span>Set System Accounts</spa>
                    <div style="float:right">
                        <ul class="nav nav-tabs card-header-tabs" id="myTabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="group-tab" data-toggle="tab" href="#salesform" role="tab" aria-controls="salesform" aria-selected="true" style="padding: 3px 10px;">Sales Accounts</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="detail-tab" data-toggle="tab" href="#purchaseform" role="tab" aria-controls="purchaseform" aria-selected="false" style="padding: 3px 10px;">Purchase Accounts</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="detail-tab" data-toggle="tab" href="#ledgerform" role="tab" aria-controls="ledgerform" aria-selected="false" style="padding: 3px 10px;">Ledger 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">
                    
                        <!-- Sales Accountss -->
                        
                        <div class="tab-pane fade show active" id="salesform" role="tabpanel" aria-labelledby="group-tab">
                            <form method="POST" action="{{ route('updateSalesAcct') }}" enctype="multipart/form-data">
                                @csrf
                                
                                <div class="form-group">
                                    <label for="salebranchid">Branch <span class="text-danger">*</span></label>
                                     <select name="salebranchid" id="salebranchid" 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 select branch.
                                    </div>
                                </div>
                                <div id="salesinputs">
                                    
                                </div>
                                <br>
                                
                                <div style="text-align:right">
                                    
                                    <button type="submit" class="btn btn-success" id="saveSalesForm">Update</button>
                                    
                                </div> 
                                
                                
                                
                            </form>
                        </div>
                        
                        <!-- Purchase Accounts -->
                        
                        <div class="tab-pane fade" id="purchaseform" role="tabpanel" aria-labelledby="detail-tab">
                        
                            <form method="POST" action="{{ route('updatePurchaseAcct') }}" enctype="multipart/form-data">
                                @csrf
                                
                                <div class="form-group">
                                    <label for="purchasebranchid">Branch <span class="text-danger">*</span></label>
                                     <select name="purchasebranchid" id="purchasebranchid" 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 id="purchaseinputs">
                                    
                                </div>
                                
                                <br>
                                <div style="text-align:right">
                                    
                                    <button type="submit" class="btn btn-success" id="savePurchaseForm">Update</button>
                                    
                                </div> 
                                

                                
                            </form>
                        
                        </div>
                        
                        
                        <div class="tab-pane fade" id="ledgerform" role="ledgerform" aria-labelledby="detail-tab">
                        
                            <form method="POST" action="{{ route('updateLedgerAcct') }}" enctype="multipart/form-data">
                                @csrf
                                
                                <div class="form-group">
                                    <label for="ledgerbranchid">Branch <span class="text-danger">*</span></label>
                                     <select name="ledgerbranchid" id="ledgerbranchid" class="form-control" required>
                                        
                                        <option value="">Select Branch</option>
                                        
                                        @foreach($branchlist as $branch)
                                            <option value="{{ $branch->id }}" {{ $select }}>{{ $branch->name }}</option>
                                        @endforeach
                                        
                                    </select>
                                    <div class="invalid-feedback">
                                        Please enter select branch.
                                    </div>
                                </div>
                                
                                <div id="ledgerinputs">
                                    
                                </div>
                                
                                <br>
                                <div style="text-align:right">
                                    
                                    <button type="submit" class="btn btn-success" id="saveLedgerForm">Update</button>
                                    
                                </div> 
                            </form>
                        
                        </div>
                        
                    </div>    
                    
                </div>
            </div>
        </div>
    </div>
</div>    


<script>




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

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


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

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


$('#saveLedgerForm').on('click', function(event) {
    
    var form = event.target.form;
    
    if (!form.checkValidity()) {
        event.preventDefault();
    }
    
        
    $(form).addClass('was-validated');
    
});





$('#salebranchid').change(function (){
    
    var salebranchid=$(this).val();
    
    if(salebranchid>0){
        
        LoadingStart();  
        
         $.ajax({
            type: 'GET',
            url: 'getARtableColumns/'+salebranchid,
            data: {
                
            },
            success: function(response) {
                
                
                $('#salesinputs').empty();
                $('#salesinputs').append(response);
                LoadingStop(); 
                
            },
            error: function(error) {
                console.error('Error in Data Loading', error);
                LoadingStop(); 
            }
        });
    }
    else {
        $('#salesinputs').empty();
    }
});

$('#purchasebranchid').change(function (){
    
    var purchasebranchid=$(this).val();
    
    if(purchasebranchid>0){
        
        LoadingStart(); 
         $.ajax({
            type: 'GET',
            url: 'getAPtableColumns/'+purchasebranchid,
            data: {
                
            },
            success: function(response) {
                
                
                $('#purchaseinputs').empty();
                $('#purchaseinputs').append(response);
                LoadingStop(); 
                
            },
            error: function(error) {
                console.error('Error in Data Loading', error);
                LoadingStop(); 
            }
        });
    }
    else {
        $('#purchaseinputs').empty();
    }
});

$('#ledgerbranchid').change(function (){
    
    var ledgerbranchid=$(this).val();
    
    if(ledgerbranchid>0){
        
        LoadingStart(); 
         $.ajax({
            type: 'GET',
            url: 'getALtableColumns/'+ledgerbranchid,
            data: {
                
            },
            success: function(response) {
                
                
                $('#ledgerinputs').empty();
                $('#ledgerinputs').append(response);
                LoadingStop(); 
                
            },
            error: function(error) {
                console.error('Error in Data Loading', error);
                LoadingStop(); 
            }
        });
    }
    else {
        $('#ledgerinputs').empty();
    }
});

</script>

@endsection