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

@php
$fromDateSelected = isset($_GET['fromDate']) ? $_GET['fromDate'] : '';
$toDateSelected = isset($_GET['toDate']) ? $_GET['toDate'] : '';
$singleDateSelected = isset($_GET['singleDate']) ? $_GET['singleDate'] : '';
$getReqBranch = isset($_GET['filBranch']) ? $_GET['filBranch'] : '0';

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

<script>
    $(document).ready(function(){
      var gerBranchReq = <br />
<b>Warning</b>:  Undefined variable $getReqBranch in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/accounting/process/dayEndProcess/filteringPart.blade.php</b> on line <b>20</b><br />
      
      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>

<style type="text/css">   
.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;

}
.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
    border: 1px solid #e4e4e4;
}
.select2-container, .select2-container .select2-selection--single {
    height: 30px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-results>.select2-results__options {
    font-size: 11px !important;
}
</style>


<div class="row">
{{-- <div class="col-md-2"></div> --}}
<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">
                {{-- id="exeDayEnd" --}}
                
                <a href="javascript:;" class="execute-modal btn btn-info pull-right addViewBtn @if($userBranchId == 1) disabled @endif" id="exeDayEnd"><i class="fa fa-chevron-circle-right" aria-hidden="true"  ></i> Execute Day End</a>
            </div>
            <h3  style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Day End Process</h3>
        </div>
        <div class="panel-body panelBodyView"> 

            {{-- Filtering --}}
            {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'filterFormId', 'method'=>'get')) !!}
            <input id="checkFirstLoad" type="hidden" name="checkFirstLoad" value="">

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

                <div class="col-sm-2">
                    <div class="form-group">
                        <div class="col-sm-12">
                            {!! Form::label('', 'Month:', ['class' => 'control-label pull-left']) !!}
                        </div>
                        <div class="col-sm-12">
                            {!! Form::select('filMonth', ['-1'=>'--All--']+$monthsOption, null ,['id'=>'filMonth','class'=>'form-control input-sm']) !!}
                            <p id='filMonthE' style="max-height:3px; color:red;"></p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="form-group">
                        <div class="col-sm-12">
                            {!! Form::label('', 'Year:', ['class' => 'control-label pull-left']) !!}
                        </div>
                        <div class="col-sm-12">
                            {!! Form::select('filYear', $yearsOption, null ,['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="{{$fromDateSelected}}" 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-sm-1">
                    <div class="form-group">
                        {!! Form::label('', '', ['class' => 'control-label col-sm-12']) !!}
                        <div class="col-sm-12">                             
                            {!! Form::submit('Search', ['id' => 'reportSubmit', 'class' => 'btn btn-primary btn-xs', 'style'=>'margin-top: 20px']); !!}
                        </div>
                    </div>
                </div>
                </div>
            </div>

            {!! Form::close() !!}
        {{-- End Filtering --}}

        <div class="row">
            <div class="col-md-12"  id="reportingDiv">
                
            </div>
        </div>           
            
        </div>     {{-- panelBodyView --}}
    </div>
</div>
</div>


<div id="myModal" class="modal fade" style="padding-top:7%">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title" style="clear:both"></h4>
        </div>
        <div class="modal-body">
        
            <div class="executeContent" style="padding-bottom:20px;">
                <h4>Do you want to proceed ?</h4> 
            </div>

            <div class="deleteContent" style="padding-bottom:20px;">
                <h4>You are about to delete this item, this procedure is irreversible !</h4>                
                <h5 id="deleteDate"> </h5> 
                <h5 id="deleteBranch"> </h5> 
                <h4>Do you want to proceed ?</h4> 
                <span class="hidden id"></span>
            </div>
            <div class="modal-footer">
                <p id="MSGE" class="pull-left" style="color:red"></p>
                <p id="MSGS" class="pull-left" style="color:green"></p>
              {!! Form::button('<span id=""></span>', ['class' => 'btn actionBtn', 'id' => 'footer_action_button'] ) !!}
              {!! Form::button('<span id=""></span>', ['class' => 'btn actionBtn',  'data-dismiss' => 'modal', 'id' => 'footer_action_button2'] ) !!}
              
              {!! Form::button('<span id=""> Close</span>',['class' => 'btn btn-warning', 'data-dismiss' => 'modal' , 'id' => 'footer_action_button_dismis'] ) !!}
              
            </div>
        </div>
    </div>
</div>
</div>

<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();

    // alert($('#minibarDate').text());

    $('#checkFirstLoad').val('0');
    $('#loadingModal').show();
    var serializeValue=$('#filterFormId').serialize();
    // alert(serializeValue);
    $("#reportingDiv").load('{{URL::to("./loadAccDayEndProcess")}}'+'?'+serializeValue);


    $(document).on('click','.pagination a', function(event){
        event.preventDefault();
        var page = $(this).attr('href').split('page=')[1];
        getDayEnd(page);
        // console.log(page);
    });

    function getDayEnd(page){

        var serializeValue=$('#filterFormId').serialize();
        $.ajax({
            url: './loadAccDayEndProcess?'+serializeValue+'&page=' + page
        }).done(function(data){
            $('#reportingDiv').html(data);
            // alert('pageNo: '+page);
        });        
    }


    $("form").submit(function( event ) {
        event.preventDefault();
        $("#exeDayEnd").removeClass('disabled');
        // alert("form");

        $('#checkFirstLoad').val('1');
        // alert($('#checkFirstLoad').val());        

        var serializeValue=$(this).serialize();
        // alert(serializeValue);

        $('#loadingModal').show();
        $("#reportingDiv").load('{{URL::to("./loadAccDayEndProcess")}}'+'?'+serializeValue);        
    });

    $("#filBranch").change(function(event) {
        $("#dayEndTable").empty();
        $("#paginateDiv").hide();
        $("#exeDayEnd").addClass('disabled');
        branchId = $(this).val();
        
        console.log(branchId);

        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('');
            $("#exeDayEnd").removeClass('disabled');
        }

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

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


    $(document).on('click', '.execute-modal', function() {
        
        if(hasAccess('addAccDayEndProcessItem')){

            if (typeof $('#currentDate').val() == 'undefined' || $('#currentDate').val() == '' || $("#filBranch :selected").text() == '') {
                return false;
            }
    
            $('.errormsg').empty();
            $('#MSGE').empty();
            $('#MSGS').empty();
            $('.actionBtn').removeClass('delete');
            $('#footer_action_button').text("Execute");
            $('#footer_action_button').addClass('glyphicon glyphicon-check');
            //$('#footer_action_button').removeClass('glyphicon-trash');
            $('#footer_action_button_dismis').text(" Close");
            $('#footer_action_button_dismis').addClass('glyphicon glyphicon-remove');
            $('.actionBtn').addClass('btn-success');
            $('.actionBtn').removeClass('btn-danger');
            $('.actionBtn').addClass('execute');
            $('.modal-title').text('Execute Day End');
            $('.modal-header').css({"background-color":"black", "color":"white", "padding":"10px"});
            $('.modal-dialog').css('width','40%');
            $('.deleteContent').hide();
            $('.executeContent').show();
            // $('.form-horizontal').show();
            // $('#id').val($(this).data('id'));
            $('#footer_action_button2').hide();
            $('#footer_action_button').show();
            $('.actionBtn').removeClass('delete');

            $(".executeContent").html("<h4>Do You Want To Execute Day End?</h4><h5>Date&nbsp&nbsp&nbsp&nbsp&nbsp: "+$('#currentDate').val()+"</h5><h5>Branch : "+$("#filBranch :selected").text()+"</h5>");
            // alert($(".executeContent").html());
            $('#myModal').modal('show');
        }
    });

    $('.modal-footer').on('click', '.execute', function() {

        $('#loadingModal').show();        
        $("#exeDayEnd").addClass('disabled');
        var branchId = $("#filBranch").val();
        // alert("exeDayEnd"+branchId);

        if(branchId <= 0){
            toastr.warning('Please select a branch first!');
            $('#loadingModal').hide();
            $("#exeDayEnd").removeClass('disabled');
            return false;
        }

        $.ajax({
           url: './addAccDayEndProcessItem',
           type: 'POST',
           data: {branchId: branchId},
           dataType: 'json',
        })
        .done(function(data) {
            if (data.responseTitle=='Success!') {
                $('#myModal').modal('hide');
                toastr.success(data.responseText, data.responseTitle, opts);
                $('#reportSubmit').trigger('click');
                $('#minibarDate').text(data.currentDate);
                setTimeout(function(){
                    // location.reload();
                    $("#exeDayEnd").removeClass('disabled');
                    
                }, 3000);
            }
            else if(data.responseTitle=='Warning!'){
                $('#myModal').modal('hide');
                $('#loadingModal').hide();
                toastr.warning(data.responseText, data.responseTitle, opts);                        
                setTimeout(function(){
                    // alert('hello');
                    $("#exeDayEnd").removeClass('disabled');

                }, 2000);
            }
        })
        .fail(function() {
           alert("error");
        });
        
    });

    // $("#deleteDateEnd").prop('disable', 'true');
    // $(".deleteDateEnd").addClass('disabled');
    // alert($(".deleteDateEnd").html());
    // $('.deleteDateEnd').attr('style','pointer-events: none; cursor: not-allowed; opacity: 0.6;');

    $(document).on('click', '.delete-modal', function() {
        
        if(hasAccess('deleteAccDayEndItem')){

            $('#MSGE').empty();
            $('#MSGS').empty();
            $('.actionBtn').removeClass('execute');
            $('#footer_action_button2').text(" Yes");
            $('#footer_action_button2').removeClass('glyphicon glyphicon-check');
            //$('#footer_action_button').addClass('glyphicon-trash');
            $('#footer_action_button_dismis').text(" No");
            $('#footer_action_button_dismis').removeClass('glyphicon glyphicon-remove');
            $('.actionBtn').removeClass('btn-success');
            $('.actionBtn').addClass('btn-danger');
            $('.actionBtn').addClass('delete');
            $('.modal-title').text('Delete Day End');
            $('.modal-header').css({"background-color":"black", "color":"white", "padding":"10px"});
            $('.modal-dialog').css('width','30%');
            // alert($(this).data('id'));
            $('.id').text($(this).data('id'));                
            $('#deleteDate').text('Day : '+$(this).data('date'));
            $('#deleteBranch').text('Branch: '+$(this).data('branchname'));
            $('.executeContent').hide();
            $('.deleteContent').show();
            // $('.form-horizontal').hide();
            $('#footer_action_button2').show();
            $('#footer_action_button').hide();
            $('#myModal').modal('show');
            // $("deleteDateEnd").addClass('disabled');
            // alert($("deleteDateEnd").html());
        }
        
    });


    $('.modal-footer').on('click', '.delete', function() {

        // alert("Delete"+$('.id').text());

        $('#loadingModal').show();
        
        $.ajax({
            type: 'post',
            url: './deleteAccDayEndItem',
            data: {
                '_token': $('input[name=_token]').val(),
                'id': $('.id').text()
            },
            success: function(data) {

                if (data.responseTitle=='Success!') {
                    toastr.success(data.responseText, data.responseTitle, opts);
                    $('#minibarDate').text(data.currentDate);                        
                    $('#reportSubmit').trigger('click');
                    // setTimeout(function(){
                    // }, 2000);
                }
                else if(data.responseTitle=='Warning!'){
                    $('#myModal').modal('hide');
                    $('#loadingModal').hide();
                    toastr.warning(data.responseText, data.responseTitle, opts);                        
                    setTimeout(function(){
                        // $("#exeDayEnd").removeAttr('style');
                    }, 2000);
                }

                // if (data.accessDenied) {
                //     showAccessDeniedMessage();
                //     return false;
                // }
                // $('.item' + $('.id').text()).remove();
            }
        });



    });

    // alert($(".deleteDateEnd").html());

}); /*End Ready*/
</script>

@endsection