@extends('layouts/pos_layout')
@section('title', '| Pos Day End')
@section('content')

<style>
    .page-container .main-content {
        overflow: hidden;
        background-color: #00000091;
        color: #00c200;
        font-weight: bold;
        font-family: monospace;
    }

    label {
        font-weight: 400;
        font-size: 17px;
    }
</style>
<div class="container ">
    <center>
        <h3>Duplicate Customer ID NO Correction Script </h3>
        <h4>Branch : {{ $brnachName->branchCode ?? '' }} - {{ $brnachName->name ?? '' }}</h4>
        <h4>Module : {{ $moduleName }} </h4>
    </center>
    <hr />

    <form method="post" id="manualForm">
        @csrf

        <br><br><br>
        <div class="form-group col-sm-6 col-sm-offset-3">
            <input type="checkbox" id="checkbox" >Select All
            <input type="button" id="button" value="Check Selected All"><br/>
            <br/>
            {!! Form::label('Products','Products', ['class' => 'control-label']) !!} <br />
            {!! Form::select('product_id', $productData, null, ['id' => 'product_id', 'class' => 'form-control custom-select2','multiple'=> "multiple"]) !!}

        </div>

        <div class="form-group col-sm-6 col-sm-offset-3">
            <button type="button" class="btn btn-success actionbtn">Submit</button>
        </div>



    </form>

    <br />


</div>
<div class="row" style="background-color:#000;">
    <div class="msg col-md-9" style="color: #379226;">

    </div>

    <div class="branchmsg col-md-3">

    </div>

</div>
<script>
    $(document).ready(function() {
        $("#checkbox").click(function() {
            if ($("#checkbox").is(':checked')) {
                $('#product_id').select2('destroy').find('option').prop('selected', 'selected').end().select2();
            } else {
                $('#product_id').select2('destroy').find('option').prop('selected', false).end().select2();
            }
        });

        $(".actionbtn").click(function() {
            $('.msg').html("");
            $('.msg').append("<h3><span style='color:green;'> => Process start for this product.</span></h3> <br>");
            var branceId = $("#product_id").select2('val');
            var branchName = $("#product_id").select2('data');


            if (branceId == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Warning!',
                    text: 'Please select Branch ',
                    showConfirmButton: true,
                    confirmButtonColor: '#d33',

                })
                return false;
            }

            $.each(branceId, function(index, brnach_id) {

                $.ajax({
                    type: 'post',
                    url: '{{ Request::url() }}',
                    data: {
                        '_token': $('input[name=_token]').val(),
                        'id': brnach_id,
                        'name': branchName[index].text,
                    },
                    beforeSend: function() {
                        $('#loadingModal').show();
                    },
                    success: function(_response) {
                        $('#loadingModal').hide();
                        if (_response.responseTitle == 'success') {


                            $('.msg').append("<span > => " + _response.responseText + "</span> <br>");

                        } else {

                            $('.msg').append("<span > => " + _response.responseText + "</span> <br> ");
                        }


                        if (_response.responseTextBranch) {
                            $('.branchmsg').append("<span >" + _response.responseTextBranch + "</span>");

                        }





                    },
                    async:false
                });
            });




        });

    });
</script>
@endsection