@extends('layouts/microfin_layout')
@section('title', '| Day End Process List')
@section('content')

@php
use Carbon\Carbon;
if(Auth::user()->branchId == 1){
$branchSelected = isset($_GET['filBranch']) ? $_GET['filBranch'] : 0;
}else{
$branchSelected = isset($_GET['filBranch']) ? $_GET['filBranch'] : $userBranchId;
}

$monthSelected = isset($_GET['filMonth']) ? $_GET['filMonth'] : '';
$yearSelected = isset($_GET['filYear']) ? $_GET['filYear'] : $lastYear;
$fromDateSelected = isset($_GET['fromDate']) ? $_GET['fromDate'] : '';
$toDateSelected = isset($_GET['toDate']) ? $_GET['toDate'] : '';
$singleDateSelected = isset($_GET['singleDate']) ? $_GET['singleDate'] : '';
$pageNum = isset($_GET['page']) ? $_GET['page'] : 1;

$getReqBranch = isset($_GET['filBranch']) ? $_GET['filBranch'] : '';
@endphp

<script>
    $(document).ready(function () {
        var gerBranchReq = < ? php echo $getReqBranch ? >

            if (gerBranchReq == 0) {
                $('.singleDate').removeClass('hidden');
                $('.dateRange').addClass('hidden');
            } else if (gerBranchReq > 0) {
            $('.singleDate').addClass('hidden');
            $('.dateRange').removeClass('hidden');
        } else {
            $('.singleDate').addClass('hidden');
            $('.dateRange').addClass('hidden');
        }
    });

</script>

<div class="row">
    <div class="col-md-12">
        <div class="panel panel-default" style="background-color:#708090;">
            <div class="panel-heading" style="padding-bottom:0px">
                <div class="panel-options">
                    {{-- <a id="exeDayEnd" href="javascript:;" class="btn btn-info pull-right addViewBtn" autofocus><i class="fa fa-chevron-circle-right" aria-hidden="true"></i> Execute Day End</a> --}}
                     <a href="" class="btn btn-info pull-right addViewBtn" autofocus data-toggle="modal" data-target="#exampleModalCenter"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i> Execute Day End</a>
                    
                </div>
                <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                    <font color="white">DAY END LIST</font>
                </h1>
            </div>
            <div class="panel-body panelBodyView">
                {{-- Filtering --}}
                {!! Form::open(array('url' => 'viewMfnDayEndProcess', 'role' => 'form', 'class'=>'form-horizontal
                form-groups', 'id' => 'filterFormId', 'method'=>'get')) !!}
                <div class="row">
                    <div class="col-md-12">

                        <div class="col-md-2" @if ($userBranchId!=1) style="display: none;" @endif>
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('', 'Branch:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::select('filBranch', [0=>'All']+$branchList,$branchSelected
                                    ,['id'=>'filBranch','class'=>'form-control input-sm']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('', 'Month:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::select('filMonth', [''=>'Select']+$monthArray, $monthSelected
                                    ,['id'=>'filMonth','class'=>'form-control input-sm']) !!}
                                    <p id='filMonthE' style="max-height:3px; color:red;"></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('', 'Year:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::select('filYear', $yearArray, $yearSelected
                                    ,['id'=>'filYear','class'=>'form-control input-sm', 'required']) !!}
                                    <p id='filYearE' style="max-height:3px; color:red;"></p>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2 dateRange hidden">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('','From Date: ', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    <input type="text" class="form-control input-sm" id="txtDate1" autocomplete="off"
                                        name="dateFrom" value="" placeholder="dd-mm-yy">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2 dateRange hidden">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('','To date: ', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    <input type="text" class="form-control input-sm" id="txtDate2" name="dateTo"
                                        autocomplete="off" value="{{$toDateSelected}}" placeholder="dd-mm-yy">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-2 singleDate ">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('','Date: ', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    <input type="text" class="form-control input-sm" id="txtDate" name="singleDate"
                                        autocomplete="off" value="{{$singleDateSelected}}" placeholder="dd-mm-yy">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-1">
                            <div class="form-group">
                                {!! Form::label('', '', ['class' => 'control-label col-md-12']) !!}
                                <div class="col-md-12">
                                    {!! Form::submit('search', ['id' => 'reportSubmit', 'class' => 'btn btn-primary
                                    btn-xs']); !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {!! Form::close() !!}
                {{-- End Filtering --}}

                <table class="table table-striped table-bordered" id="areaListView">
                    <thead>
                        <tr>
                            <th>SL#</th>
                            <th>DATE</th>
                            <th>BRANCH</th>
                            @if($hasAutoDayEnd == true)
                            <th>DAY END TYPE</th>
                            @endif
                            <th>EXECUTED BY</th>
                            <th>EXECUTION DATE & TIME</th>
                            @if($hasAutoDayEnd == true)
                            <th>AUTO EXECUTION DATE & TIME</th>
                            @endif
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $sl = ($dayEnds->currentPage() - 1) * $dayEnds->perPage(); @endphp
                        @foreach ($dayEnds as $key => $dayEnd)
                        <tr>
                            <td>{{ ++ $sl}}</td>
                            <td>{{date('d-m-Y',strtotime($dayEnd->date))}}</td>
                            <td class="name">{{$branchList[$dayEnd->branchIdFk]}}</td>
                            @if($hasAutoDayEnd == true)<td>{{$dayEnd->dayEndType}}</td>@endif
                            <td style="text-align:left">{{$dayEnd->executedBy}}</td>
                            <td>{{isset($dayEnd->executionDate) ? Carbon::parse($dayEnd->executionDate)->format('d-m-Y').' ['.Carbon::parse($dayEnd->executionDate)->format('g:i A').']' : "N/A"}}</td>
                            {{--<td>{{Carbon::parse($dayEnd->createdAt)->format('d-m-Y').' ['.Carbon::parse($dayEnd->createdAt)->format('g:i A').']'}}</td> --}}
                            @if($hasAutoDayEnd == true)<td>{{isset($dayEnd->autoExecutionDate) ? Carbon::parse($dayEnd->autoExecutionDate)->format('d-m-Y').' ['.Carbon::parse($dayEnd->autoExecutionDate)->format('g:i A').']' : "N/A"}}</td>@endif
                            <td>
                                @if (Carbon::parse($maxArr[$dayEnd->branchIdFk])->eq(Carbon::parse($dayEnd->date)))
                                <a href="javascript:;" class="deleteConfirmation" data-id="{{ $dayEnd->id }}">
                                    <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
                                </a>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="pull-right">
                    {{ $dayEnds->links() }}
                </div>
            </div>
        </div>
    </div>
</div>



{{-- Delete Modal --}}
<div class="modal fade" id="delete-confirmation-modal" style="padding: 100px 17px !important">
    <div class="modal-dialog">
        <div class="modal-header">
            <h4 class="modal-title">Delete Confirmation</h4>
            <a class="close" href="#" data-dismiss="modal">X</a>
        </div>
        <div class="modal-content">
            <div class="modal-body">
                Are you sure to delete this record?
            </div>
        </div>
        <div class="modal-footer">
            <div class="form-group hidden">
                <div class="col-sm-6 col-sm-offset-2">
                    {!! Form::text('id', null, ['class' => 'form-control', 'id' => 'id', 'type' => 'text', 'readonly'])
                    !!}
                </div>
            </div>
            <button id="yesBtn" type="button" class="btn btn-info animated slideInRight"
                style="margin-bottom:0!important;" autofocus>Yes</button>
            <button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal"
                style="margin-bottom:0!important;">No</button>
        </div>
    </div>
</div>
{{-- End Delete Modal --}}


<!-- Modal -->
<div id="entryTransactionFirstModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Entry Transaction For</h4>
            </div>
            <div class="modal-body">
                <p id="missingSamity" style="color: black;"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white animated slideInRight" data-dismiss="modal"
                    style="margin-bottom:0!important;">Close</button>
            </div>
        </div>

    </div>
</div>


<!-- day end prerequisites Modal -->
<style>
 .list-group-item{
    padding: 0px 15px !important;
    background-color: #dcffff;
    border-radius: 12px !important;
    margin: 4px;
 }
 .level-title{
    font-size: 15px;
 }

 .processDueSummary, .processCurrentDueSummary, .processfieldOfficerSummary{
    margin: 10px !important;
    width: 100%;
    box-shadow: 0px 3px 12px #3ddbdb;
 }

</style>

<div class="modal fade" id="exampleModalCenter" tabindex="1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" style="padding: 300px 17px !important;">
    <div class="modal-dialog modal-dialog-centered" role="document" >
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLongTitle"><b>Day End Prerequisites</b></h4>
            </div>
            <div class="modal-body">
                <ul class="list-group list-group-flush" style="overflow: auto">
                    <li class="list-group-item animated slideInDown">
                        <div class="row">
                            <div class="col-md-1">
                                <input id="processDueSummaryBox" type="checkbox" class="processDueSummary" data-id="" >  
                            </div>
                            <div class="col-md-11">
                                <h5 class="level-title"><label for="processDueSummaryBox"> Process due summary</label></h5>
                            </div>
                        </div>    
                    </li>
                    <li class="list-group-item animated slideInDown">
                        <div class="row">
                            <div class="col-md-1">
                                <input id="processCurrentDueSummaryBox" type="checkbox" class="processCurrentDueSummary" data-id="" >  
                            </div>
                            <div class="col-md-11">
                                <h5 class="level-title" ><label for="processCurrentDueSummaryBox"> Process current due summary</label></h5>
                            </div>
                        </div>    
                    </li>
                    <li class="list-group-item animated slideInDown">
                        <div class="row">
                            <div class="col-md-1">
                                <input id="processfieldOfficerSummaryBox" type="checkbox" class="processfieldOfficerSummary" data-id="" >  
                            </div>
                            <div class="col-md-11">
                                <h5 class="level-title"><label for="processfieldOfficerSummaryBox"> Process field officer summary</label></h5>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="modal-footer">
                <button class="btn btn-danger animated slideInRight" data-dismiss="modal">Close</button>
                <button id="exeDayEnd" type="button" class="btn btn-secondary animated slideInRight" data-dismiss="modal" disabled >Proceed Day End</button>
            </div>
        </div>
    </div>
</div>
<!-- day end prerequisites Modal | end -->
{{-- entryTransactionFirst Modal --}}
{{-- <div class="modal fade" id="entryTransactionFirstModal">
  <div class="modal-dialog">
    <div class="modal-header">
      <h4 class="modal-title">Entry Transaction For</h4>
      <a class="close" href="#" data-dismiss="modal">X</a>
    </div>
    <div class="modal-content">
      <div class="modal-body">
        <p id="missingSamity"></p>
      </div>
    </div>
    <div class="modal-footer">
      <button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">Close</button>
    </div>
  </div>
</div> --}}
{{-- End entryTransactionFirst Modal --}}


<link rel="stylesheet" href="{{ asset('css/mfn/style.css') }}">
<style type="text/css">
    #reportSubmit {
        font-size: 14px;
        margin-top: 20px;
    }

</style>

// for day end prerequisites
<script>
    $(document).ready(function () {
        //  for process due summary
        $('.processDueSummary').click(function () {
            $("#loadingModal").show();
            $('#loadingModal').css('z-index', 99999).appendTo('body').modal('show');

            $('.processDueSummary').prop('checked', false);
            var branchId = $("#filBranch").val();
            if (branchId < 1) {
                $("#loadingModal").hide();
                $('#loadingModal').css('z-index', '0');
                toastr.warning('Please select a branch!');
                return false;
            }

            $.ajax({
                url: '{{route("DayEndProcessDueSummary")}}',
                dataType: 'JSON',
                data: {
                    branchId: branchId,
                },
                success: function (response) {
                    $("#loadingModal").hide();
                    $('#loadingModal').css('z-index', '');
                    if (response.success) {
                        $('.processDueSummary').prop('checked', true);
                        $('.processDueSummary').attr('disabled',true);
                    }
                },
                error: function (xhr) {
                    $("#loadingModal").hide();
                    $('#loadingModal').css('z-index', '');
                    $('.processDueSummary').prop('checked', false);
                    console.log(xhr.responseText);
                }
            });
        });

        // for process Current due summary
        $('.processCurrentDueSummary').click(function () {
            $("#loadingModal").show();
            $('#loadingModal').css('z-index', 99999).appendTo('body').modal('show');
            $('.processCurrentDueSummary').prop('checked', false);
            var branchId = $("#filBranch").val();
            if (branchId < 1) {
                $("#loadingModal").hide();
                $('#loadingModal').css('z-index', '0');
                toastr.warning('Please select a branch!');
                return false;
            }

            $.ajax({
                url: '{{route("DayEndProcessCurrentDueSummary")}}',
                dataType: 'JSON',
                data: {
                    branchId: branchId,
                },
                success: function (response) {
                    $("#loadingModal").hide();
                    $('#loadingModal').css('z-index', '');
                    if (response.success) {
                        $('.processCurrentDueSummary').prop('checked', true);
                        $('.processCurrentDueSummary').attr('disabled',true);
                    }
                },
                error: function (xhr) {
                    $("#loadingModal").hide();
                    $('#loadingModal').css('z-index', '');
                    $('.processCurrentDueSummary').prop('checked', false);
                    console.log(xhr.responseText);
                }
            });
        });

        // for process field officer summary
        $('.processfieldOfficerSummary').click(function () {
            $("#loadingModal").show();
            $('#loadingModal').css('z-index', 99999).appendTo('body').modal('show');
            $('.processfieldOfficerSummary').prop('checked', false);
            var branchId = $("#filBranch").val();
            
            if (branchId < 1) {
                $("#loadingModal").hide();
                $('#loadingModal').css('z-index', '0');
                toastr.warning('Please select a branch!'); 
                return false; 
            }

            $.ajax({
                url: '{{route("DayEndProcessFieldOfficerSummary")}}',
                dataType: 'JSON',
                data: {
                    branchId: branchId,
                },
                success: function (response) {
                    $("#loadingModal").hide();
                    $('#loadingModal').css('z-index', '');
                    if (response.success) {
                        $('.processfieldOfficerSummary').prop('checked', true);
                        $('.processfieldOfficerSummary').attr('disabled',true);
                    }
                },
                error: function (xhr) {
                    $("#loadingModal").hide();
                    $('#loadingModal').css('z-index', '');
                    $('.processfieldOfficerSummary').prop('checked', false);
                    console.log(xhr.responseText);
                }
            });
        });
    });

    // for check prerequisites are checked
    $('input:checkbox').click(function() {
        if ($('.processDueSummary').is(':checked') && $('.processCurrentDueSummary').is(':checked') && $('.processfieldOfficerSummary').is(':checked')) {
            $('#exeDayEnd').prop('disabled', false);
        }
    });
    
</script>
// for day end prerequisites end

<script type="text/javascript">
    $(document).ready(function () {
        $.datepicker.setDefaults({
            dateFormat: "dd-mm-yy",
            showOtherMonths: true,
            selectOtherMonths: true,
            changeMonth: true,
            changeYear: true,
            yearRange: "-50:+0",
            maxDate: "dateToday",
        });

        $("#txtDate1").datepicker({
            onSelect: function () {
                $("#txtDate2").datepicker("option", "minDate", $(this).datepicker('getDate'));
            }

            
        });

        $("#txtDate2").datepicker({
            onSelect: function () {
                $("#txtDate1").datepicker("option", "maxDate", $(this).datepicker('getDate'));
            }
        });

        $("#txtDate").datepicker();


        // DAY END DELETE BY ENTER BUTTON START 
        var keyDownCount = 0;

        $(document).keydown(function (event) {
            if (event.keyCode == 13) {
                var isFirefox = typeof InstallTrigger !== 'undefined';
                if (isFirefox == true) {
                    if (keyDownCount == 0) {
                        $("#yesBtn").click();
                        console.log('firefox');
                        keyDownCount += 1;
                    }

                    document.onkeydown = function (event) {
                        return false;
                    }
                } else {
                    // NO NEED TO CLICK FOR OTHER BROWSER'S.... 
                    document.onkeydown = function (event) {
                        return false;
                    }
                }
            }
        });
        // DAY END DELETE BY ENTER BUTTON END 

        // document.addEventListener('keydown', (event) => {
        //     const keyName = event.key;
        //     // console.log('keydown event\n\n' + 'key: ' + keyName);
        //     // alert('keydown event\n\n' + 'key: ' + keyName);
        //     console.log('ok');
        // });


        // document.getElementById('exeDayEnd').addEventListener('keypress', function(event) {
        //     if (event.keyCode == 13) {
        //         console.log('ok');
        //     }
        // });

        // $(document).on("keyup", function (event) {
        //     if (event.which == 13) {
        //         // $("#exeDayEnd").click();
        //         if (navigator.userAgent.search("Firefox")) {
        //             $("#yesBtn").click();
        //         }
        //         else {

        //         }
        //     }
        // }); 

    });

</script>

<script type="text/javascript">
    $(document).ready(function () {

        /*exucute day end*/
        $("#exeDayEnd").click(function (event) {
            if (hasAccess('storeMfnDayEndProcess')) {
                $("#loadingModal").show();
                $(this).attr('style', 'pointer-events: none;cursor: not-allowed;');
                var branchId = $("#filBranch").val();

                if (branchId < 1) {
                    toastr.warning('Please select a branch!');
                    $("#loadingModal").hide();
                    return false;
                }

                $.ajax({
                        url: './storeMfnDayEndProcess',
                        type: 'POST',
                        data: {
                            branchId: branchId
                        },
                        dataType: 'json',
                    })
                    .done(function (data) {
                        if (data.responseTitle == 'Success!') {
                            toastr.success(data.responseText, data.responseTitle, opts);
                            setTimeout(function () {
                                location.reload();
                            }, 2000);
                        } else if (data.responseTitle == 'Warning!') {
                            toastr.warning(data.responseText, data.responseTitle, opts);
                            setTimeout(function () {
                                $("#exeDayEnd").removeAttr('style');
                            }, 2000);
                        } else if (data.responseTitle == 'entryTransaction') {
                            $("#missingSamity").empty();
                            $("#missingSamity").append(data.responseText);
                            $("#entryTransactionFirstModal").modal('show');
                            $("#exeDayEnd").removeAttr('style');
                        } // app unauthorize transaction list
                        else if (data.responseTitle == 'appTransaction') {
                            $("#missingSamity").empty();
                            $("#missingSamity").append(data.responseText);
                            $("#entryTransactionFirstModal").modal('show');
                            $("#exeDayEnd").removeAttr('style');
                        }
                    })
                    .fail(function () {
                        alert("error");
                    })
                    .always(function () {
                        $("#loadingModal").hide();
                    });
            }

        });
        /*end exucute day end*/

        /*delete day end*/
        $("#yesBtn").click(function (event) {
            var id = $("#id").val();
            console.log('got it');

            $.ajax({
                    url: './deleteMfnDayEnd',
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        id: id
                    },
                })
                .done(function (data) {
                    // console.log('')
                    if (data.responseTitle == 'Success!') {
                        toastr.success(data.responseText, data.responseTitle, opts);
                        setTimeout(function () {
                            location.reload();
                        }, 2000);
                    } else if (data.responseTitle == 'Warning!') {
                        toastr.warning(data.responseText, data.responseTitle, opts);
                        setTimeout(function () {
                            $("#exeDayEnd").removeAttr('style');
                        }, 2000);
                    }
                })
                .fail(function () {
                    alert("error");
                });

        });
        /*end delete day end*/

        /*delete modal*/
        $(document).on('click', '.deleteConfirmation', function (event) {
            if (hasAccess('deleteMfnDayEnd')) {
                event.preventDefault();
                $('#id').val($(this).data('id'));
                $("#delete-confirmation-modal").modal('show');
            }
        });
        /*end delete modal*/

        $("#filBranch").change(function (event) {
            // $("#areaListView tbody").empty();
            branchId = $(this).val();

            if (branchId == 0) {
                $('.singleDate').removeClass('hidden');
                $('.dateRange').addClass('hidden');
                $('#txtDate1').val('');
                $('#txtDate2').val('');
            } else if (branchId > 0) {
                $('.singleDate').addClass('hidden');
                $('.dateRange').removeClass('hidden');
                $('#txtDate').val('');
            }

            $("#filYear").empty();

            $.ajax({
                    url: './mfnDayEndGetYears',
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        branchId: branchId
                    },
                })
                .done(function (yearArray) {
                    $.each(yearArray, function (index, val) {
                        $("#filYear").append('<option value="' + index + '">' + val +
                            '</option>');
                    });
                })
                .fail(function () {
                    alert("error");
                });

        });


    }); /*End Ready*/

</script>

@endsection