@extends('layouts/acc_layout')
@section('title', '| Daily Fund Plan')
@section('content')
    <!-- Include jsPDF library -->





    <style type="text/css">
        .form-group,
        .form-control {
            font-size: 11px !important;
            color: black !important;
        }

        .form-control {
            padding: 5px !important;
        }

        #reportSubmit {
            font-size: 12px;
            margin-top: 20px;
        }
    </style>
    <script type="text/javascript">
        $("#loadingModal").show();
        $(document).keydown(function(e) {
            if (e.keyCode == 27) return false;
        });
    </script>
    <div class="row">
        <div class="col-md-12 ">


            <div class="panel panel-default" style="background-color:#708090;">
                <div class="panel-heading" style="padding-bottom:0px">

                    <h3 style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Daily
                        Fund Plan</h3>
                </div>


                <div class="panel-options" style="margin-top: 20px; margin-left: 10px;">
                    <a href="{{ url('fundDemandRegister/addFundDemandRegister/') }}"
                        class="btn btn-info pull-right addViewBtn" style="margin-right: 10px;">
                        <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Fund Demand</a>
                    @if (Auth::user()->branchId == 1 || $areaManager != null || $zonalManager != null)
                        <a href="javascript:void(0);" id="adviceButton" class="btn btn-info pull-right addViewBtn"
                            style="margin-right: 10px; display: none;">
                            <i class="glyphicon glyphicon-envelope"></i>
                            Generate Email
                        </a>
                    @endif
                </div>
                <div class="panel-body panelBodyView">

                    <!-- Filtering Start-->
                    {!! Form::open([
                        'url' => '',
                        'role' => 'form',
                        'class' => 'form-horizontal form-groups',
                        'id' => 'filterFormId',
                        'method' => 'get',
                    ]) !!}
                    <div class="row">
                        {{-- <div class="col-md-12"> --}}

                        @if (!in_array($userRoleId, Config('services.branch_level_user_roles')))
                            <div class="col-md-1">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        {!! Form::label('', 'Report Level:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        {!! Form::select('filReportLevel', $reportLevelList, null, [
                                            'id' => 'filReportLevel',
                                            'class' => 'form-control input-sm',
                                            'autocomplete' => 'off',
                                            'autofocus',
                                        ]) !!}
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-1" id="areaDiv" style="display: none;">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        {!! Form::label('', 'Area:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        <select id="filArea" name="filArea" class="form-control input-sm">
                                            <option value="">--Select Area--</option>
                                            @foreach ($areaList as $area)
                                                <option value="{{ $area->id }}">{{ $area->name }}</option>
                                                @php
                                                    $barnchIds = str_replace(['"', '[', ']'], '', $area->branchId);
                                                    $barnchIds = explode(',', $barnchIds);
                                                    $branches = DB::table('gnr_branch')
                                                        ->whereIn('id', $barnchIds)
                                                        ->select(
                                                            DB::raw(
                                                                "CONCAT ( LPAD(branchCode,3,0) ,' - ', name ) AS name",
                                                            ),
                                                        )
                                                        ->get();
                                                @endphp
                                                @foreach ($branches as $branch)
                                                    <option value="" disabled="disabled">&nbsp
                                                        {{ $branch->name }}</option>
                                                @endforeach
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-1" id="zoneDiv" style="display: none;">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        {!! Form::label('', 'Zone:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        <select id="filZone" name="filZone" class="form-control input-sm">
                                            <option value="">--Select Zone--</option>
                                            @foreach ($zoneList as $zone)
                                                <option value="{{ $zone->id }}">{{ $zone->name }}</option>
                                                @php
                                                    $areaIds = str_replace(['"', '[', ']'], '', $zone->areaId);
                                                    $areaIds = explode(',', $areaIds);
                                                    $areas = DB::table('gnr_area')
                                                        ->whereIn('id', $areaIds)
                                                        ->select(
                                                            DB::raw("CONCAT ( LPAD(code,3,0) ,' - ', name ) AS name"),
                                                        )
                                                        ->get();
                                                @endphp
                                                @foreach ($areas as $area)
                                                    <option value="" disabled="disabled">&nbsp
                                                        {{ $area->name }}</option>
                                                @endforeach
                                            @endforeach
                                        </select>

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-1" id="regionDiv" style="display: none;">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        {!! Form::label('', 'Division:', ['class' => 'control-label pull-left']) !!}
                                    </div>
                                    <div class="col-md-12">
                                        <select id="filRegion" name="filRegion" class="form-control input-sm">
                                            <option value="">--Select Division--</option>
                                            @foreach ($regionList as $region)
                                                <option value="{{ $region->id }}">{{ $region->name }}</option>
                                                @php
                                                    $zoneIds = str_replace(['"', '[', ']'], '', $region->zoneId);
                                                    $zoneIds = explode(',', $zoneIds);
                                                    $zones = DB::table('gnr_zone')
                                                        ->whereIn('id', $zoneIds)
                                                        ->select(
                                                            DB::raw("CONCAT ( LPAD(code,3,0) ,' - ', name ) AS name"),
                                                        )
                                                        ->get();
                                                @endphp
                                                @foreach ($zones as $zone)
                                                    <option value="" disabled="disabled">&nbsp
                                                        {{ $zone->name }}</option>
                                                @endforeach
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-1" id="branchDiv">
                                <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', ['' => '--All--'] + $branchList, null, [
                                            'id' => 'filBranch',
                                            'class' => 'form-control input-sm',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='filBranchE' style="max-height:3px; color:red;"></p>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if (in_array($userRoleId, Config('services.branch_level_user_roles')))
                            <div class="col-md-1" id="branchDiv">
                                <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, null, [
                                            'id' => 'filBranch',
                                            'class' => 'form-control input-sm',
                                            'autocomplete' => 'off',
                                        ]) !!}
                                        <p id='filBranchE' style="max-height:3px; color:red;"></p>
                                    </div>
                                </div>
                            </div>
                        @endif
                        {{-- <div class="col-md-1">
                                {!! Form::label('authStatus', 'Status:',  ['class' => 'control-label pull-left']) !!}
                                {!! Form::select(
                                    'authStatus',
                                    ['' => 'Select'] + $authStatus,
                                    request()->all('authStatus')['authStatus'] ?? '',
                                    ['class' => 'form-control', 'id' => 'authStatus'],
                                ) !!}
                            </div> --}}
                        <div class="col-md-1">
                            <div class="form-group">
                                <div class="col-md-12">
                                    {!! Form::label('', 'Date:', ['class' => 'control-label pull-left']) !!}
                                </div>
                                <div class="col-md-12">
                                    {!! Form::text('filDate', null, [
                                        'id' => 'filDate',
                                        'class' => 'form-control input-sm',
                                        'autocomplete' => 'off',
                                        'required',
                                    ]) !!}
                                </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('Show ', ['id' => 'reportSubmit', 'class' => 'btn btn-primary btn-xs']) !!}
                                </div>
                            </div>
                        </div>

                        {{-- </div> --}}
                    </div>

                    {!! Form::close() !!}
                    <!-- filtering end-->



                </div> {{-- panel-body panelBodyView DIV --}}
                <div id="reportingDiv">

                </div>


            </div>



        </div>
    </div>





    <!-- Your existing Blade template code -->



    <script type="text/javascript">
        $(document).ready(function() {
            function loadReportingDiv(queryParams = '') {
                $('#loadingModal').show();
                $("#reportingDiv").load('{{ URL::to('fundDemandRegister/show') }}' + '?' + queryParams,
                    function() {
                        $('#loadingModal').hide(); // Hide loading modal after content is loaded
                    });
            }

            // Load data automatically when the page loads
            loadReportingDiv();
            $("form").submit(function(event) {
                event.preventDefault();

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




                $('#adviceButton').show();

                $('#loadingModal').show();

                $("#reportingDiv").load('{{ URL::to('fundDemandRegister/show') }}' + '?' + serializeValue);
            });
            // Handle pagination via AJAX
            $(document).on('click', '.pagination a', function(event) {
                event.preventDefault();
                var url = $(this).attr('href');
                $('#loadingModal').show();
                $("#reportingDiv").load(url);
            });


        });
    </script>


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

            $("#filDate").on('input', function(event) {
                this.value = '';
            });


            $("#filDate").datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: 'dd-mm-yy'
            });
            $("#loadingModal").hide();

            /*on change filReportLevel hide/show contents*/
            $("#filReportLevel").change(function(event) {
                if ($(this).val() == "Branch") {
                    $("#branchDiv").show();
                    $("#areaDiv").hide();
                    $("#zoneDiv").hide();
                    $("#regionDiv").hide();

                    $("#filArea").prop('required', false);
                    $("#filZone").prop('required', false);
                    $("#filRegion").prop('required', false);
                } else if ($(this).val() == "Area") {
                    $("#branchDiv").hide();
                    $("#areaDiv").show();
                    $("#zoneDiv").hide();
                    $("#regionDiv").hide();

                    //$("#filBranch").prop('required', false);
                    $("#filArea").prop('required', true);
                    $("#filZone").prop('required', false);
                    $("#filRegion").prop('required', false);
                } else if ($(this).val() == "Zone") {
                    $("#branchDiv").hide();
                    $("#areaDiv").hide();
                    $("#zoneDiv").show();
                    $("#regionDiv").hide();

                    //$("#filBranch").prop('required', false);
                    $("#filArea").prop('required', false);
                    $("#filZone").prop('required', true);
                    $("#filRegion").prop('required', false);
                } else if ($(this).val() == "Region") {
                    $("#branchDiv").hide();
                    $("#areaDiv").hide();
                    $("#zoneDiv").hide();
                    $("#regionDiv").show();

                    //$("#filBranch").prop('required', false);
                    $("#filArea").prop('required', false);
                    $("#filZone").prop('required', false);
                    $("#filRegion").prop('required', true);
                }
            });
            /*end on change filReportLevel hide/show contents*/
            $("#filReportLevel").trigger('change');

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


    <script type="text/javascript">
        /* Ready*/
    </script>


@endsection
{{-- 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 item?
            </div>
        </div>
        <div class="modal-footer">
            <div class="form-group hidden">
                <div class="col-sm-6 col-sm-offset-2">
                    {!! Form::hidden('delete_id', null, [
                        'class' => 'form-control',
                        'id' => 'delete_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 --}}