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

@section('content')

@include('loader')

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <form method="POST" action="{{ route('addIds') }}">
                <div class="card">
                    <div class="card-header">Manage Voucher IDs</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
                        
                        
                            @csrf
                            
                            <div class="form-group">
                                 
                                 <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 select branch.
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label for="description">Description <span class="text-danger">*</span></label> 
                                <input type="text" id="description" name="description" value="{{ isset($description) ? $description : '' }}" class="form-control" required>
                                <div class="invalid-feedback">
                                    Please add description.
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label for="vouchercode">Voucher Code <span class="text-danger">*</span></label> 
                                <input type="text" id="vouchercode" name="vouchercode" value="{{ isset($vouchercode) ? $vouchercode : '' }}" class="form-control" required>
                                <div class="invalid-feedback">
                                    Please add code.
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label for="voucherno">Voucher Number <span class="text-danger">*</span></label> 
                                <input type="text" id="voucherno" name="voucherno" value="{{ isset($voucherno) ? $voucherno : '' }}" class="form-control" required>
                                <div class="invalid-feedback">
                                    Please add number.
                                </div>
                            </div>
                                    
                            <div class="form-group">
                                <label for="comments">Comments</label> 
                                <input type="text" id="comments" name="comments" value="{{ isset($comments) ? $comments : '' }}" class="form-control">
                                <div class="invalid-feedback">
                                    Please enter the Module Name.
                                </div>
                            </div>
                    </div>
                    <div class="card-footer d-flex justify-content-end">
                        <button type="submit" class="btn btn-success" id="savebtn">Add New</button>
                    </div>
                </div>
            </form>
            <br>
            <div class="card">
                <div class="card-header">Voucher IDs List</div>
                <div class="card-body" style="overflow-y: auto; max-height: 400px;">
                    <table class="table table-bordered text-center table-sm">
                        <thead>
                            <tr>
                                <th>Sr.</th>
                                <th>Voucher Code</th>
                                <th>Voucher Number</th>
                                <th>Description</th>
                                <th>Reset</th>
                            </tr>
                        </thead>
                        <tbody id="showdata">
                        </tbody>
                        
                    </table>        
                </div>
                <div class="card-footer d-flex justify-content-end">
                    <button type="button" class="btn btn-danger disabled" id="resetbtn" title="Reset All Voucher Number">Reset All <i class="fa fa-refresh" aria-hidden="true"></i></button>
                </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');
    
});

$('#resetbtn').on('click', function(event) {
    ResetIds(0);
});
    
function ResetIds(id)
{    
    var branchid=$('#branchid').val();
    
    if(branchid>0)
    {
        
        if(id==0){
            var message='Are you sure to Reset all Voucher Numbers?';
        }
        else{
            var message='Are you sure to Reset this Voucher Number?';
        }
        
        Swal.fire({
            text: message,
            icon: 'warning',
            width: '300px',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, reset it!'
        }).then((result) => {
            if (result.isConfirmed) {
                LoadingStart();
                
                $.ajax({
                    type: 'PUT',
                    url: 'resetIds/'+branchid+'/'+id,
                    data: {
                        
                    },
                    success: function(response) {
                        getIds();
                        LoadingStop();  
                        
                    },
                    error: function(error) {
                        console.error('Error reseting the IDs', error);
                        LoadingStop();  
                    }
                });
                
            } else {
           
            }
        });
    }
    
}



$('#branchid').change(function (){
    getIds();
});

getIds();
function getIds(){
    
    var branchid=$('#branchid').val();
    
    if(branchid>0)
    {
         LoadingStart();
        
         $.ajax({
            type: 'GET',
            url: 'getIds/'+branchid,
            data: {
                
            },
            success: function(response) {
                $('#showdata').empty();
                $('#showdata').append(response);
                
                if(response!='')
                {
                    $('#resetbtn').removeClass('disabled');
                }  
                else {
                    $('#resetbtn').addClass('disabled');
                }
                LoadingStop();  
            },
            error: function(error) {
                console.error('Error deleting the item', error);
                $('#resetbtn').addClass('disabled');
                LoadingStop(); 
                
            }
        });
    }
    else {
        $('#showdata').empty();
        $('#resetbtn').addClass('disabled');
    }
}

</script>

@endsection