@extends('layouts/acc_layout')
@section('title', '| Budget')
@section('content')

    <style>
    #viewBudgetForm select, #viewBudgetForm input{
        height:30px;
        border-radius: 5px;
        cursor: pointer;
    }
    .disabled {
        pointer-events: none;
        cursor: default;
        opacity: 0.6;
    }
    #budgetViewTable > thead >tr> th{
        padding:5px;
    }
    .form-group{
        color: black;
        font-size: 11px;
    }
    .form-control {
        padding: 5px;
        font-size: 11px;
    }
    .deleteContent {
        color: #222;
    } 
    .approveContent {
        color: #222;
    }

</style>

@php
$userId=Auth::user()->id;
$userBranchId=Auth::user()->branchId;
@endphp

<div class="row">
    <div class="col-md-12">
        <div class="" style="">
            <div class="">
                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading"  style="padding-bottom:0px">
                        <div class="panel-options">
                            <a href="{{ route('mraBudget.add') }}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Budget</a>
                        </div>
                        <h3  style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Budget Lists</h3>
                    </div>
                    <div class="panel-body panelBodyView">


                        <!-- Filtering Start-->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    <form action="" class='form-horizontal form-groups' method="GET">
                                        @csrf
                                        <div class="col-md-2" id="projectDiv">
                                            <div class="form-group" style="font-size: 13px; color:#212F3C">
                                                <div class="col-md-12">
                                                    <label>Project</label>
                                                </div>
                                                <div class="col-md-12"> 
                                                    <select name="filProject" class="form-select form-control" aria-label="Default select example">
                                                        {{-- <option>Select</option> --}}
                                                        @foreach ($data['projects'] as $key=>$project) 
                                                            <option value="{{$key}}" @if ($data['projectSelected'] && $data['projectSelected'] == $key) selected @endif>{{$project}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div> 

                                        <div class="col-md-2" id="projectDiv">
                                            <div class="form-group" style="font-size: 13px; color:#212F3C">
                                                <div class="col-md-12">
                                                    <label>Fiscal Years</label>
                                                </div>
                                                <div class="col-md-12"> 
                                                    <select name="fiscalYearId" class="form-select form-control" aria-label="Default select example">
                                                        {{-- <option>Select</option> --}}
                                                        @foreach ($data['fiscalYears'] as $key=>$year) 
                                                            <option value="{{$key}}" @if ($data['fiscalYearSelected'] && $data['fiscalYearSelected'] == $key) selected @endif>{{$year}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div> 

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label class="control-label col-md-12", style="color:#708090;">.</label>
                                                <div class="col-md-12">
                                                    <button type="submit" class="btn btn-primary">Show</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>

                        </div>
                        <!-- filtering end-->

                        <div class="table-responsive">
                            <table class="table table-striped table-bordered dt-responsive nowrap"  id="budgetViewTable" style="color:black; font-size: 11px;">
                                <thead>
                                    <tr>
                                        <th style="width:2%">SL#</th>
                                        <th style="width:15%;text-align: center;">Project</th>
                                        {{-- <th style="width:15%;text-align: center;">Project Type</th> --}}
                                        {{-- <th style="width:15%;text-align: center;">Branch</th> --}}
                                        <th style="width:7%;text-align: center;">Fiscal Year</th> 
                                        {{-- <th style="width:7%;text-align: center;">Status</th>                                   --}}
                                        <th style="width:5%" class="">Action</th>
                                    </tr>
                                    {{ csrf_field() }}
                                </thead>
                                <tbody>
                                    @php
                                    if (!empty($_GET['page'])) {
                                            $pageNumber = (int)$_GET['page'];
                                        }
                                        else {
                                            $pageNumber = 1;
                                        }
                                        $slNo = ($pageNumber - 1) * 50;
                                    @endphp
                                    @foreach ($data['mraFinancialBudgets'] as $budget)
                                        <tr>
                                            <td>{{ ++$slNo }}</td>
                                            <td>{{ $data['projects'][$budget->projectId] }}</td>
                                            {{-- <td>{{ $projectTypes[$budget->projectTypeId] }}</td> --}}
                                            {{-- <td>{{ $branchLists[$budget->branchIdFk] }}</td> --}}
                                            <td>{{ $data['fiscalYears'][$budget->fiscalYear] }}</td>
                                            {{-- <td>@if ($budget->status == 0)
                                                    <i style="color:#F00" class="fa fa-dot-circle-o" aria-hidden="true"></i>
                                                @else
                                                    <i style="color:#15ff00 " class="fa fa-check" aria-hidden="true"></i>
                                                @endif 
                                            </td>--}}
                                            <td class="text-center">
                                              
                                                <a href="{{ route('mraBudget.show',$budget->id) }}" title="Details">
                                                  <span class="fa fa-eye"></span>
                                              </a> 
                                              
                                              {{-- <a href="javascript:;" class="approve @if($budget->status == 1) disabled @endif" data-id="{{ encrypt($budget->id) }}" title="Approve">
                                                <i class="fa fa-thumbs-up" aria-hidden="true"></i>
                                            </a> --}}

                                              <a href="{{ route('mraBudget.edit',$budget->id) }}" title="Edit">
                                                  <span class="glyphicon glyphicon-edit"></span>
                                              </a>
                                              &nbsp;

                                              {{-- <a href="javascript:;" class="delete-modal @if($budget->status == 1) disabled @endif" data-id="@if($budget->status == 1) '' @else {{ encrypt($budget->id) }} @endif" title="Delete">
                                                  <span class="glyphicon glyphicon-trash"></span>
                                              </a> --}}
                                          </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div style="text-align:right;">
                                {{ $data['mraFinancialBudgets']->appends(request()->input())->links() }}
                            </div>

                        </div>
                       

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- modal div --}}
<div id="myModal" class="modal fade" style="margin-top:3%">
    <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="deleteContent" style="padding-bottom:20px;">
                    <h4>You are about to delete this item. This procedure is irreversible !</h4>
                    <h4>Do you want to proceed ?</h4>
                    <span class="hidden id"></span>
                    {{-- <span class="hidden vouchertypeid"></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>

{{-- budget approve modal --}}
<div id="approveModal" class="modal fade" style="margin-top:10%">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" style="clear:both">Approve</h4>
            </div>
            <div class="modal-body">

                <div style="padding-bottom:20px;">
                    <h4>You are about to approve this item.</h4>
                    <h4>Do you want to proceed ?</h4>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="budgetIdToApprove" id="budgetIdToApprove">
                    {!! Form::button('<span>Approve</span>', ['class' => 'btn btn-info', 'id' => 'approveBudget'] ) !!}
                    {!! Form::button('<span>Close</span>',['class' => 'btn btn-warning', 'data-dismiss' => 'modal'] ) !!}
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    function pad (str, max) {
        str = str.toString();
        return str.length < max ? pad("0" + str, max) : str;
    }
</script>
<script type="text/javascript">

$(document).ready(function(){
    $("#filProject").change(function () {
        $('#openingDate').val("");
        $("#addOpeningBalanceTable tbody").empty();

        $('#projectIde').hide();
        var projectId = this.value;
        var csrf = "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/shikkhaplus/public_html/demo_bk/resources/views/accounting/budgetStatement/MraFinanceBudgetEntry/viewBudget.blade.php:247
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/accounting/budgetStatement/MraFinanceBudgetEntry/viewBudget.blade.php</b> on line <b>247</b><br />