@extends('layouts/microfin_layout')
@section('title', 'MIS Yearly Plans')
@section('content')

@include('microfin.AopBudget.misYearlyPlan.entry.style')

<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('misYearlyBudget/add/') }}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Create Plan</a>
                        </div>
                        <h3 style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">MIS Yearly Plans</h3>
                    </div>
                    <div class="panel-body panelBodyView">


                        <!-- Filtering Start-->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    {!! Form::open(array('url' => 'misYearlyBudget/view/', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'viewBudgetForm', 'method'=>'get')) !!}

                                    {{-- // Projects  --}}
                                    <div class="col-md-2" id="projectDiv">
                                        <div class="form-group" style="font-size: 13px; color:#212F3C">
                                            {!! Form::label('projectId', 'Project:', ['class' => 'col-sm-12 control-label']) !!}
                                            <div class="col-sm-12">
                                                {!! Form::select('projectId', $projects, $projectId ,['id'=>'projectId','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                                <p id='filProjectE' style="max-height:3px; color:red;"></p>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- // Projects Types --}}
                                    <div class="col-md-2" id="projectDiv">
                                        <div class="form-group" style="font-size: 13px; color:#212F3C">
                                            {!! Form::label('projectTypeIdFk', 'Project Type:', ['class' => 'col-sm-12 control-label']) !!}
                                            <div class="col-sm-12">
                                                {!! Form::select('projectTypeIdFk', $projectTypes, $projectTypeIdFk ,['id'=>'projectTypeIdFk','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                                <p id='filProjectTypeE' style="max-height:3px; color:red;"></p>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- // Branches  --}}
                                    <div class="col-md-2" id="branchDiv">
                                        <div class="form-group" style="font-size: 13px; color:#212F3C">
                                            <div class="col-md-12">
                                                {!! Form::label('branchId', 'Branch:', ['class' => 'control-label pull-left']) !!}
                                            </div>

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

                                    {{-- // Fiscal Years  --}}
                                    <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, $fiscalYearId ,['id'=>'filFiscalyear','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                                <p id='filFiscalyearE' style="max-height:3px; color:red;"></p>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- // Types  --}}
                                    <div class="col-md-2" id="TypeDiv">
                                        <div class="form-group" style="font-size: 13px; color:#212F3C">
                                            <div class="col-md-12">
                                                {!! Form::label('', 'Type:', ['class' => 'control-label pull-left']) !!}
                                            </div>

                                            <div class="col-md-12">
                                                {!! Form::select('typeId', array('all'=>'All') + $budgetTypes, $typeId ,['id'=>'filType','class'=>'form-control input-sm','autocomplete'=>'off']) !!}
                                                <p id='filTypeE' style="max-height:3px; color:red;"></p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-1">
                                        <div class="form-group" style="font-size: 13px; padding: 4px 12px;">
                                            {!! Form::label('', '', ['class' => 'control-label col-sm-12']) !!}
                                            <div class="col-sm-12" style="padding-top: 13px;">
                                                {!! Form::submit('Search', ['id' => 'budgetSearchSubmit', 'class' => 'btn btn-primary btn-s animated fadeInRight', 'style'=>'font-size:12px']); !!}
                                            </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;">Budget Type</th>
                                        <th style="width:7%;text-align: center;">Status</th>
                                        <th style="width:5%" class="">Action</th>
                                    </tr>
                                    {{ csrf_field() }}
                                </thead>
                                <tbody>

                                    @php
                                    $pageNumber = (!empty($_GET['page'])) ? (int)$_GET['page'] : 1;
                                    $no = ($pageNumber - 1) * 20;
                                    @endphp

                                    @if (count($budgets) == 0)

                                    <tr>
                                        <td colspan="10">No Budget Available In This Search Range</td>
                                    </tr>

                                    @else

                                    @foreach($budgets as $key => $budget)
                                    @php $budget = (array) $budget; @endphp
                                    <tr class="{{ $budget['ids'] }}">
                                        <td>{{ $loop->iteration }}</td>
                                        <td style="text-align: left; padding-left: 5px;">{{ $projects[$budget['projectIdFk']]}}</td>
                                        <td style="text-align: left; padding-left: 5px;">{{ $projectTypes[$budget['projectTypeIdFk']]}}</td>
                                        <td style="text-align: left; padding-left: 5px;">{{ $branches[$budget['branchIdFk']] }}</td>
                                        <td> {{ $fiscalYears[$budget['fiscalYearIdFk']] }} </td>
                                        <td> {{ ucfirst($budget['budgetType']) }} </td>

                                        <td>
                                            @if ($budget['softDel'] == 1)
                                            <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 DETAILS  --}}
                                            <a href="./details" onclick="event.preventDefault();
                                                                document.getElementById('detailsform.{{ $key }}').submit();" title="View budget details">
                                                <span class="fa fa-eye"></span>
                                            </a>

                                            <form id="detailsform.{{ $key }}" action="./details" method="POST" style="display: none;">
                                                {{ csrf_field() }}
                                                <input type="hidden" name="budgetids" value="{{ $budget['ids'] }}" />
                                                <input type="hidden" name="budgetType" value="{{ $budget['budgetType'] }}" />
                                            </form>

                                            &nbsp;

                                            {{-- // EDIT  --}}
                                            {{-- @if( Auth::user()->id == 1 ) --}}
                                            @if ( $fiscalYears[$budget['fiscalYearIdFk']] == $editFiscalYear)
                                                <a href="./edit" 
                                                    onclick="event.preventDefault();
                                                    document.getElementById('editform.{{ $key }}').submit();" 
                                                    title="edit budget"
                                                >
                                                    <span class="glyphicon glyphicon-edit"></span>
                                                </a>

                                                <form id="editform.{{ $key }}" action="./edit" method="POST" style="display: none;">
                                                    {{ csrf_field() }}
                                                    <input type="hidden" name="budgetids" value="{{ $budget['ids'] }}" />
                                                    <input type="hidden" name="budgetType" value="{{ $budget['budgetType'] }}" />
                                                </form>
                                            @endif
                                                
                                            {{-- @endif --}}

                                            &nbsp;

                                            {{-- Delete budget --}}
                                            @if( Auth::user()->branchId == 1 )
                                                <a href="javascript:;" 
                                                    class="delete-modal" 
                                                    data-id="{{ $budget['ids'] }}"
                                                    data-type="{{ $budget['budgetType'] }}" 
                                                >
                                                    <span class="glyphicon glyphicon-trash"></span>
                                                </a>
                                            @endif

                                        </td>

                                    </tr>

                                    @endforeach

                                    @endif
                                </tbody>
                            </table>

                        </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" id="idsForDelete"></span>
                                            <span class="hidden type" id="budgetTypeForDelete"></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>
                </div>
            </div>
        </div>
    </div>
</div>

@include('microfin.AopBudget.misYearlyPlan.entry.script')


@endsection