@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;
    }
    .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>

@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="{{ url('addBudget/') }}" 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::open(array('url' => 'viewBudget/', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'viewBudgetForm', 'method'=>'get')) !!}
                                    {!! Form::hidden('checkFirstLoad', 1) !!}
                                    <div class="col-md-2" id="projectDiv">
                                        <div class="form-group" style="font-size: 13px; color:#212F3C">
                                            <div class="col-md-12">
                                                {!! Form::label('', 'Project:', ['class' => 'control-label pull-left']) !!}
                                            </div>
                                            <div class="col-md-12">
                                                {!! Form::select('filProject', $projects, $projectSelected ,['id'=>'filProject','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                                <p id='filProjectE' style="max-height:3px; color:red;"></p>
                                            </div>
                                        </div>
                                    </div> 
                                    
                                     <div class="col-md-2" id="projectTypeDiv">
                                        <div class="form-group" style="font-size: 13px; color:#212F3C">
                                            <div class="col-md-12">
                                                {!! Form::label('', 'Project Type:', ['class' => 'control-label pull-left']) !!}
                                            </div>
                                            <div class="col-md-12">
                                                {!! Form::select('filProjectType', $projectTypes, $projectTypeSelected ,['id'=>'filProjectType','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                                <p id='filProjectTypeE' style="max-height:3px; color:red;"></p>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-2" id="branchDiv">
                                        <div class="form-group" style="font-size: 13px; color:#212F3C">
                                            <div class="col-md-12">
                                                {!! Form::label('', 'Branch:', ['class' => 'control-label pull-left']) !!}
                                            </div>

                                            <div class="col-md-12">
                                                {!! Form::select('branchId', $branchLists,  $branchIdSelected ,['id'=>'filBranch','class'=>'form-control input-sm custom-select2','autocomplete'=>'off']) !!}
                                                <p id='filBranchE' style="max-height:3px; color:red;"></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2" id="fiscalYearDiv">
                                        <div class="form-group" style="font-size: 13px; color:#212F3C">
                                            <div class="col-md-12">
                                                {!! Form::label('', 'Fiscal Year:', ['class' => 'control-label pull-left']) !!}
                                            </div>

                                            <div class="col-md-12">
                                                {!! Form::select('fiscalYearId', $fiscalYears,  $fiscalYearSelected ,['id'=>'fiscalYearId','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                                <p id='filFiscalE' style="max-height:3px; color:red;"></p>
                                            </div>
                                        </div>
                                    </div>
                                   
                                  

                                    <div class="col-md-1">
                                        <div class="form-group" style="">
                                            {!! Form::label('', '', ['class' => 'control-label col-sm-12']) !!}
                                            <div class="col-sm-12" style="padding-top: 13%;">
                                                {!! Form::submit('Search', ['id' => 'budgetSearchSubmit', 'class' => 'btn btn-primary btn-xs']); !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2"></div>

                                    {!! Form::close()  !!}

                                    <div class="col-md-10"></div>
                                </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 ($budgets as $budget)
                                        <tr>
                                            <td>{{ ++$slNo }}</td>
                                            <td>{{ $projects[$budget->projectId] }}</td>
                                            <td>{{ $projectTypes[$budget->projectTypeId] }}</td>
                                            <td>{{ $branchLists[$budget->branchIdFk] }}</td>
                                            <td>{{ $fiscalYears[$budget->fiscalYearId] }}</td>
                                            <td>@if ($budget->status == 0)
                                                    <i style="color:#F00" class="fa fa-dot-circle-o" aria-hidden="true"></i>
                                                @else
                                                    <i style="color:#72A230 " class="fa fa-check" aria-hidden="true"></i>
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                {{-- view budget --}}
                                              
                                                <a href="{{ url('showBudget/'.encrypt($budget->id)) }}" title="Details">
                                                  <span class="fa fa-eye"></span>
                                              </a> 
                                              
                                              {{-- approve budget --}}
                                              <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>

                                              {{-- edit budget --}}
                                              <a href="{{ url('editBudget/'.encrypt($budget->id)) }}" title="Edit">
                                                  <span class="glyphicon glyphicon-edit @if($budget->status == 1) disabled @endif"></span>
                                              </a>
                                              &nbsp;

                                              {{-- Delete budget --}}
                                              <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;">
                                {{ $budgets->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/guk_bk/resources/views/accounting/budgetViews/viewBudget.blade.php:280
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/accounting/budgetViews/viewBudget.blade.php</b> on line <b>280</b><br />