@extends('layouts/microfin_layout')
@section('title', '| Month End Process List')
@section('content')
@php
  $branchSelected = isset($_GET['filBranch']) ? $_GET['filBranch'] : $userBranchId;
  $monthSelected = isset($_GET['filMonth']) ? $_GET['filMonth'] : "";
  $yearSelected = isset($_GET['filYear']) ? $_GET['filYear'] : $lastYear;
  $pageNum = isset($_GET['page']) ? $_GET['page'] : 1;
@endphp

<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
	<div class="panel panel-default" style="background-color:#708090;">
		<div class="panel-heading" style="padding-bottom:0px">
			<div class="panel-options">
              <a id="exeMonthEnd" href="javascript:;" class="btn btn-info pull-right addViewBtn"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i> Execute Month End</a>
            </div>
			<h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">MONTH END LIST</font></h1>
		</div>
		<div class="panel-body panelBodyView"> 
      {{-- Filtering --}}
      {!! Form::open(array('url' => 'viewMfnMonthEndProcess', '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', $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('', '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">
            <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', $months, $monthSelected ,['id'=>'filMonth','class'=>'form-control input-sm']) !!}
                    <p id='filYearE' style="max-height:3px; color:red;"></p>
                </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 width="70">SL#</th>
						<th>Month</th>
						<th>Branch</th>
						@if($IS_ALLOW_AUTO_MONTH_END) <th>Month End Type</th> @endif
						<th width="80">Action</th>
          </tr>
				</thead>
				<tbody>
            @foreach ($monthEnds as $key => $monthEnd)
                <tr>
                    <td>{{(($pageNum-1) * 12) + $key+1}}</td>
                    <td>{{date('F',strtotime($monthEnd->date))}}</td>
                    <td class="name">{{$branchName}}</td>
                    @if($IS_ALLOW_AUTO_MONTH_END)  <td>{{$monthEnd->monthEndType}}</td> @endif
                    
                    <td>
                        @if ($monthEnd->id==$maxMonthEndId)
                            <a href="javascript:;" class="deleteConfirmation" data-id="{{ $monthEnd->id }}">
                                <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
                            </a>                            
                        @endif

                        @if ((Auth::user()->id==1 || Auth::user()->username==='00007-002-00006-0708') && ($monthEnd->date=='2018-10-31' && $monthEnd->branchIdFk==42))
                          <a href="javascript:;" class="monthEndUpdateModal" data-id="{{ $monthEnd->id }}">
                              <i class="fa fa-repeat" aria-hidden="true"></i>
                          </a>
                        @endif                       
                        
                    </td>
                </tr>
            @endforeach            
        </tbody>
			</table>
			<div class="pull-right">
            {{ $monthEnds->links() }}
          </div>
		</div>
	</div>
</div>
<div class="col-md-2"></div>
</div>


{{-- Delete Modal --}}
<div class="modal fade" id="delete-confirmation-modal">
  <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;" >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 class="modal fade" id="monthendInfo-confirmation-modal" role="dialog">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Monthend Info Update Confirmation</h4>
        </div>
        <div class="modal-body">
          <p>Are you sure to update this month data?</p>
        </div>
        <div class="modal-footer">
      <div class="form-group hidden">
        <div class="col-sm-6 col-sm-offset-2">
          {!! Form::text('monthEndId', null, ['class' => 'form-control', 'id' => 'monthEndId', 'type' => 'text', 'readonly']) !!}
        </div>
      </div>
      <button id="monthendupdateYesBtn" type="button" class="btn btn-info animated slideInRight" style="margin-bottom:0!important;" >Yes</button>
      <button type="button" class="btn btn-white animated slideInRight" data-dismiss="modal" style="margin-bottom:0!important;">No</button>
    </div>
      </div>
    </div>
  </div>
</div>


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

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

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

        /*exucute day end*/
        $("#exeMonthEnd").click(function(event) {
          if(hasAccess('storeMfnMonthEndProcess')){
          $("#loadingModal").show();
          $(this).attr('style','pointer-events: none;cursor: not-allowed;');
          var branchId = $("#filBranch").val();
           $.ajax({
               url: './storeMfnMonthEndProcess',
               type: 'POST',
               data: {branchId: branchId},
               dataType: 'json',            
           })
           .done(function(data) {
            $("#loadingModal").hide();
            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(){
                  $("#exeMonthEnd").removeAttr('style');
              }, 2000);
            }
                
           })
           .fail(function() {
               alert("error");
           })
           .always(function() {
              
            });
           
         }
           
        });
        /*end exucute day end*/

        /*delete day end*/
        $("#yesBtn").click(function(event) {
            var id = $("#id").val();
            $.ajax({
                url: './deleteMfnMonthEnd',
                type: 'POST',
                dataType: 'json',
                data: {id: id},
            })
            .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(){
                      $("#exeMonthEnd").removeAttr('style');
                  }, 2000);
                }
            })
            .fail(function() {
                alert("error");
            });
            
        });
        /*end delete day end*/

        /*update month end*/
        $("#monthendupdateYesBtn").click(function(event) {
          $("#monthendupdateYesBtn").prop('disabled', true);
            var id = $("#monthEndId").val();
            $.ajax({
                url: './updateMonthEndInformation',
                type: 'POST',
                dataType: 'json',
                data: {id: id},
            })
            .done(function(data) {
              $("#monthendInfo-confirmation-modal").modal('hide');
                if (data.responseTitle=='Success!') {
                  toastr.success(data.responseText, data.responseTitle, opts);                        
                  
                }
                else if(data.responseTitle=='Warning!'){
                  toastr.warning(data.responseText, data.responseTitle, opts);                        
                  
                }
            })
            .fail(function() {
                alert("error");
            });
            
        });
        /*end update month end*/

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

        /*monthEndUpdate modal*/
        $(document).on('click', '.monthEndUpdateModal', function(event) {
            event.preventDefault();
            $('#monthEndId').val($(this).data('id'));
            $("#monthendupdateYesBtn").prop('disabled', false);
            $("#monthendInfo-confirmation-modal").modal('show');
        });
        /*end monthEndUpdate modal*/

        $("#filBranch").change(function(event) {
            $("#areaListView tbody").empty();
            branchId = $(this).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="'+val+'">'+val+'</option>');
                    //  $("#filYear").append('<option value="'+index+'">'+val+'</option>');
                });
            })
            .fail(function() {
                alert("error");
            });
            
        });


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

@endsection