@extends('layouts/gnr_layout')
@section('title', '| Approval Configuration')
@section('content')

    @php
        $pageNo = isset($_GET['page']) ? (int) $_GET['page'] : 1;
    @endphp
    <style>
        .text-left {
            text-align: left !important;
        }

        .text-right {
            text-align: right !important;
        }
    </style>
    <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">
                    <div class="panel-options">
                        <a href="javascript:void(0)" id="limit" class="btn btn-info pull-right addViewBtn">
                            <i class="glyphicon glyphicon-plus-sign addIcon"></i>
                            Add Approval Configuration
                        </a>
                    </div>
                    <h3 align="center" style="font-family: Antiqua;letter-spacing: 2px;">
                        <font color="white">Approval Configuration</font>
                    </h3>
                </div>

                <div class="panel-body panelBodyView">
                    <!-- Filtering Start-->
                    {!! Form::open([
                        'url' => Request::url(),
                        'role' => 'form',
                        'class' => 'form-horizontal form-groups',
                        'id' => 'filterFormId',
                        'method' => 'get',
                    ]) !!}
                    <div class="row">
                        <div class="col-md-2">
                            {!! Form::label('module_id', 'Module:', ['class' => 'control-label']) !!}
                            {!! Form::select(
                                'module_id',
                                ['' => 'All']+$gnr_module,
                                request()->all('module_id')['module_id'] ?? '',
                                [
                                    'class' => 'form-control',
                                    'id' => 'moduleId',
                                ]) !!}
                        </div>

                        <div class="col-md-2">
                            {!! Form::label('entity_name', 'Configure Event:', ['class' => 'control-label']) !!}
                            {!! Form::select(
                                'entity_name',
                                ['' => 'All']+$moduleConfigureEvents,
                                request()->all('entity_name')['entity_name'] ?? '',
                                [
                                    'class' => 'form-control',
                                    'id' => 'entityName',
                                ]) !!}
                        </div>


                        @if(Auth::user()->isSuperAdminUser())
                            <div class="col-md-2">
                                {!! Form::label('status', 'Status:', ['class' => 'control-label']) !!}
                                {!! Form::select(
                                    'status',
                                    ['' => 'All', 1 => 'Active', 2 => 'Inactive'],
                                    request()->all('status')['status'] ?? '',
                                    [
                                        'class' => 'form-control',
                                        'id' => 'status',
                                    ]) !!}
                            </div>
                        @endif

                        
                        <div class="col-md-1">
                            {!! Form::label('submit', '&nbsp;', ['class' => 'control-label']) !!}
                            {!! Form::submit('Search', ['id' => 'submit', 'class' => 'form-control btn btn-search']) !!}

                        </div>

                    </div>

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

                    <table class="table table-striped table-bordered" id="savingsAccountTable">
                        <thead>
                            <tr>
                                <th>SL NO</th>
                                <th>Configure For</th>
                                <th>Step Type</th>
                                <th>Effective Date</th>
                                <th>Additional</th>
                                <th>Steps</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php($sl = 1)
                            @foreach ($approvalConfigs as $key => $v)
                                <tr>
                                    <td>{{ $sl++ }}</td>
                                    <td class="name">{{ $APPROVAL_CONFIG_TYPES[$v->entity_name]['label'] }}</td>
                                    <td class="name">{{ $v->stepType }}</td>
                                    <td>{{ date('d-m-Y', strtotime($v->effective_date)) }}</td>
                                    <td class="text-right">
                                        @if ($v->amount > 0)
                                            {{ number_format($v->amount, 2) }} </br>
                                        @endif

                                        @if ($v->txType)
                                            {{ ucfirst($v->txType) }} </br>
                                        @endif
                                    </td>
                                    <td class="name">
                                        <ul style="list-style-type:none;">
                                            @foreach ($v->steps as $step)
                                                <li>
                                                    {{ \App\Service\Helper::getOrdinalNumber($step->stepNo) }} :
                                                    {{ $step->name }}
                                                </li>
                                            @endforeach
                                        </ul>
                                    </td>
                                    <td>
                                        <a href="javascript:void(0)" class="edit_limit" data-id="{{ $v->id }}">
                                            <i class="fa fa-pencil" aria-hidden="true"></i>
                                        </a>

                                        <a href="javascript:;" class="deleteConfirmation" data-id="{{ $v->id }}">
                                            <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="pull-right">
                        {{--  {{ $interest->appends(request()->input())->links() }} --}}
                    </div>
                </div>

            </div>
        </div>

    </div>
@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 --}}

<div class="modal fade" id="step_limit_modal">
    <div class="modal-dialog modal-md">
        {!! Form::open(['url' => '', 'role' => 'form', 'id' => 'stepForm', 'class' => 'form-horizontal']) !!}
        <h2>Please Wait...</h2>
        {!! Form::close() !!}
    </div>
</div>

<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>

<script>
    $(document).on('click', '#limit, .edit_limit', function(event) {
        var edit_id = $(this).data('id');
        $("#stepForm").html('');
        $(".error").remove();
        var product_id = 1;
        $.ajax({
            data: {
                edit_id: edit_id
            },
            url: "{{ url('gnr/approvalConfig/create') }}",
            type: 'GET',
            dataType: 'html',
            success: function(data) {
                $("#stepForm").html(data);
                $("#step_limit_modal").modal('show');
            },
            error: function(data) {
                alert('ERROR!!')
            }
        })
    });

        //get module wise configure type(start)
        $(document).on('change','#moduleId', function(event) {
            $("#entityName option:gt(0)").remove();
            var moduleId = $(this).val();
            $.ajax({
                    url: "{{ url('gnr/approvalConfig/approvalConfigTypes') }}",
                    type: 'GET',
                    dataType: 'json',
                    data: {
                        module_id: moduleId
                    },
                })
                .done(function(data) {
                    $.each(data.APPROVAL_CONFIG_TYPES, function(index, APPROVAL_CONFIG_TYPE) {
                        $("#entityName").append("<option value='" + index + "'>" +
                            APPROVAL_CONFIG_TYPE + "</option>");
                    });
                })
                .fail(function() {
                    alert("error!");
                });

        });
        //get module wise configure type(end)
</script>


<script>
    /*Delete Modal*/
    $(document).on('click', '.deleteConfirmation', function() {
        if (hasAccess('gnr/approvalConfig/destroy')) {
            event.preventDefault();
            $('#delete_id').val($(this).data('id'));
            jQuery('#delete-confirmation-modal').modal('show', {
                backdrop: 'fade'
            });
        }
    });
    /*End Delete Modal*/

    /*Delete*/
    $("#yesBtn").click(function(event) {
        $.ajax({
                url: "{{ url('gnr/approvalConfig/destroy') }}",
                type: 'POST',
                dataType: 'json',
                data: {
                    _token: "{{ csrf_token() }}",
                    id: $('#delete_id').val()
                },
            })
            .done(function(data) {
                if (data.responseTitle == 'Warning!') {
                    toastr.warning(data.responseText, data.responseTitle, opts);
                } else {
                    toastr.success(data.responseText, data.responseTitle, opts);
                    setTimeout(function() {
                        location.reload();
                    }, 3000);
                }
            })
            .fail(function() {
                alert("error");
            })


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