@extends('layouts/pos_layout')
@section('title', '| Pos Others Fee Configuration List')
@section('content')
    @include('successMsg')

    <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('pos/addPosPaymentMethodConfig/') }}"
                                    class="btn btn-info pull-right addViewBtn"><i
                                        class="glyphicon glyphicon-plus-sign addIcon"></i>Add Pos Payment Method
                                    Configuration</a>
                            </div>
                            <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                                <font color="white">Pos Payment Method CONFIGURATION LIST</font>
                            </h1>
                        </div>
                        <div class="panel-body panelBodyView">
                            <div>
                                <script type="text/javascript">
                                    jQuery(document).ready(function($) {

                                        $("#proGroupView").dataTable().yadcf([

                                        ]);
                                    });
                                </script>
                            </div>
                            <table class="table table-striped table-bordered" id="proGroupView">
                                <thead>
                                    <tr>
                                        <th width="30">SL#</th>
                                        <th>Name</th>
                                        <th>Transection Number</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                    {{ csrf_field() }}
                                </thead>
                                <tbody id="tableBodySection">
                                                                        @if (!empty($configs))
                                        @foreach ($configs as $config)
                                            <tr class="item{{ $config->id }}">
                                                <td class="text-center slNo">{{ ++$no }}</td>
                                                <td class="text-center">{{ $config->name }}
                                                </td>
                                                <td class="text-center">{{ $config->number }}
                                                </td>
                                                <td class="text-center">
                                                    {{ $config->status == 1 ? 'Active' : 'Inactive' }}
                                                </td>
                                                <td class="text-center" width="100">
                                                    <a id="deleteIcone" href="{{ url("/pos/editPosPaymentMethodConfig/".base64_encode($config->id)) }}">
                                                        <span class="glyphicon glyphicon-edit"></span>
                                                    </a>
                                                    <a id="deleteIcone" href="javascript:;" class="delete-modal"
                                                        data-id="{{ $config->id }}">
                                                        <span class="glyphicon glyphicon-trash"></span>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="myModal" class="modal fade" style="margin-top:7%">
        <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>
                    </div>
                    <div class="modal-footer">
                        <p id="MSG" 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>
    @include('dataTableScript')
@endsection

<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {

        //delete function
        $(document).on('click', '.delete-modal', function() {
            if (hasAccess('pos/deleteProductBarcodeConfigItem')) {
                $('#MSGE').empty();
                $('#MSGS').empty();
                $('#footer_action_button2').text(" Yes");
                $('#footer_action_button2').removeClass('glyphicon glyphicon-check');
                $('#footer_action_button_dismis').text(" No");
                $('#footer_action_button_dismis').removeClass('glyphicon glyphicon-remove');
                $('.actionBtn').removeClass('edit');
                $('.actionBtn').removeClass('btn-success');
                $('.actionBtn').addClass('btn-danger');
                $('.actionBtn').addClass('delete');
                $('.modal-title').text('Delete');
                $('.modal-header').css({
                    "background-color": "black",
                    "color": "white",
                    "padding": "10px"
                });
                $('.modal-dialog').css('width', '50%');
                $('.id').text($(this).data('id'));
                $('.deleteContent').show();
                $('.form-horizontal').hide();
                $('#footer_action_button2').show();
                $('#footer_action_button').hide();
                $('.title').html($(this).data('uname'));
                $('#myModal').modal('show');
            }
        });

        $('.modal-footer').on('click', '.delete', function() {
            $.ajax({
                type: 'post',
                url: './deletePosPaymentMethodConfigItem',
                data: {
                    '_token': $('input[name=_token]').val(),
                    'id': $('.id').text()
                },
                success: function(_response) {

                    if (_response.responseTitle == 'success') {
                        toastr.success(_response.responseText);

                        $("#tableBodySection").load(location.href + " #tableBodySection>*",
                            "");

                    } else toastr.error(_response.responseText);

                }
            });
        });

    }); //ready function end
</script>