@extends('admin.layout.master')
@section('title', 'Custom Barcode')
@section('custom_css')
    <style>
        .ck-editor__editable_inline {
            min-height: 150px;
        }
    </style>
@endsection

@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap justify-content-between align-items-center">
            <h4>Generate Custom Barcode </h4>
            <div class="d-flex justify-content-end"></div>
        </div>

        <div class="card-body">
            <div class="row">
                <div class="col-lg-8">
                    <div class="card">
                        <div class="card-header">
                            <h4>Barcode</h4>
                        </div>
                        <div class="card-body">
                            <textarea name="message" id="message" rows="6" class="form-control" style="height: 150px;"></textarea>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4" id="barcodeImage" class="text-center">
                    
                </div>
            </div>
            <div class="d-flex justify-content-center mt-4">
                <label>&nbsp;</label>
                <button type="button" class="btn btn-success btn-sm" id="generateBtn" onclick="generateBarCode()">Generate</button>
            </div>
        </div>
    </div>
@endsection


@section('script')
    <script>
        $(document).ready(function () {
            $('.select_2').select2();
        });

        function loader(buttonId, title, status = true) {
            $("#" + buttonId).prop("disabled", status).text(title);
        }

        function generateBarCode() {
            const message = $('#message').val();

            if(message == '') return false;
            loader('generateBtn', 'processing...', true);
            ajaxCallV2("{{ route('admin.custom_barcode.generate') }}", 'POST', {
                message: message
            }, (data) => {
                $('#loader').hide();
                $('#barcodeImage').html(data);
                loader('generateBtn', 'Generate', false);
            },function(error){
                loader('generateBtn', 'Generate', false);
            });
        }
    </script>
@endsection