@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>Manual Employee Update For Sale and Incentive Calculations</h3>
    </center>
    <hr />

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

        <br><br><br>
        <div class="form-group col-sm-6 col-sm-offset-3">
            <label for="sel1">Branch</label>
            <select class="form-control custom-select2" name="branch_id[]" id="branch_id" required multiple="multiple">
                <option value=''>Select Branch</option>
                @foreach($branches as $branch)
                <option value='{{ $branch->id }}'>{{ $branch->branchCode }} - {{ $branch->name }}</option>
                @endforeach
            </select>

        </div>
        <div class="form-group col-sm-6 col-sm-offset-3">
            <label for="from">From</label>
            <input type="date" id="from" name="from" class="form-control">

        </div>
        <div class="form-group col-sm-6 col-sm-offset-3">
            <label for="to">To</label>
            <input type="date" id="to" name="to" class="form-control">
        </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() {

        // $(".actionbtn").click(function() {
        //     $('.msg').html("");
        //     $('.msg').append("<h3><span style='color:green;'> => Process start for this branch.</span></h3> <br>");
        //     var branceId = $('#branch_id').val();
        //     var from = $('#from').val();
        //     var to = $('#to').val();
        //     console.log(from+'--'+to+"--");

        //     var daylist = getDates(from,to);
        //     console.log(daylist);
        //     $.each(daylist, function( index, value ) {
        //         $.ajax({
        //             type: 'post',
        //             url: '{{ Request::url() }}',
        //             data: {
        //               '_token': $('input[name=_token]').val(),
        //               'id': branceId,
        //               'date': value,
        //               'to': to,
        //             },
        //             beforeSend: function() {
        //               $('#loadingModal').show();
        //             },
        //             success: function(_response) {
        //                 $('#loadingModal').hide();
        //                 if(_response.responseTitle == 'success') {


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

        //                 }
        //                 else {

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


        //                 if(_response.responseTextBranch) {
        //                     $('.branchmsg').append("<span style='color:green;'>"+_response.responseTextBranch+"</span>");

        //                 }





        //             }
        //         });



        //     });

        // });



        // function getDates(startDate, stopDate) {
        //     var dateArray = [];
        //     var currentDate = moment(startDate);
        //     var stopDate = moment(stopDate);
        //     while (currentDate <= stopDate) {
        //         dateArray.push( moment(currentDate).format('YYYY-MM-DD') )
        //         currentDate = moment(currentDate).add(1, 'days');
        //     }
        //     return dateArray;
        // }


        $(".actionbtn").click(function() {
            $('.msg').html("");
            $('.msg').append("<h3><span style='color:green;'> => Process start for this branch.</span></h3> <br>");
            var branceId = $("#branch_id").select2('val');
            var branchName = $("#branch_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>");

                        }





                    }
                });
            });




        });

    });
</script>
@endsection