@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 Voucher Generate Panel For Dev</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>
                <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="sel1">Voucher Type</label>
            <select class="form-control custom-select2" name="voucher_type" id="voucher_type" required>
                <option value=''>Select Voucher Type</option>
                <option value='1'>Auto Voucher</option>
                <option value='2'>Manual Voucher</option>
                <option value='3'>Special Voucher</option>
            </select>
        </div>

        <div class="form-group col-sm-6 col-sm-offset-3">
            <label for="sel1">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="sel1">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-6">

    </div>

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

    </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').val();
            var from = $('#from').val();
            var to = $('#to').val();
            var voucher_type = $('#voucher_type').val();
            if (voucher_type == '') {
                Swal.fire({
                    icon: 'error',
                    title: 'Warning!',
                    text: 'Please select Type',
                    showConfirmButton: true,
                    confirmButtonColor: '#d33',

                })
                return false;
            }
            // if (branceId == '' || from == '' || to == '') {
            //     Swal.fire({
            //         icon: 'error',
            //         title: 'Warning!',
            //         text: 'Please select Branch & Date range',
            //         showConfirmButton: true,
            //         confirmButtonColor: '#d33',

            //     })
            //     return false;
            // }

            $.ajax({
                type: 'post',
                url: '{{ Request::url() }}',
                data: {
                    '_token': $('input[name=_token]').val(),
                    'id': branceId,
                    'date': from,
                    'to': to,
                    'voucher_type': voucher_type,
                },
                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