{{ include('common/header.twig') }}
<div class="page-title">
    <div class="row align-items-center">
        <div class="col-sm-4">
            <h2 class="page-title-text d-inline-block">{{ page_title }}</h2>
            <div class="breadcrumbs d-inline-block">
                <ul>
                    <li><a href="{{ common.info.url }}">Dashboard</a></li>
                    <li>{{ page_title }}</li>
                </ul>
            </div>
        </div>
        <div class="col-sm-8 text-right">
            <div class="dropdown d-inline-block mr-2">
                <a class="btn btn-white btn-sm dropdown-toggle" data-toggle="dropdown"><i class="las la-cloud-download-alt text-primary pr-2"></i> Export</a>
                <ul class="dropdown-menu dropdown-menu-right export-button">
                    <li><a href="#" class="pdf"><i class="las la-file-pdf pr-2"></i>PDF</a></li>
                    <li><a href="#" class="excel"><i class="las la-file-excel pr-2"></i>Excel</a></li>
                    <li><a href="#" class="csv"><i class="las la-file-csv pr-2"></i>CSV</a></li>
                    <li><a href="#" class="print"><i class="las la-print pr-2"></i>Print</a></li>
                    <li><a href="#" class="copy"><i class="las la-copy pr-2"></i>Copy</a></li>
                </ul>
            </div>
            {% if page_add %}
                <a class="btn btn-primary btn-sm" data-toggle="modal" data-target="#addPaymentType"><i class="las la-plus pr-2"></i> New Payment Method</a>
            {% endif %}
        </div>
    </div>
</div>

<div class="panel panel-default">
    <div class="panel-body">
        <div class="table-responsive">
            <table class="table table-middle table-bordered table-striped datatable-table">
                <thead>
                    <tr class="table-heading">
                        <th class="table-srno">#</th>
                        <th>Payment Method</th>
                        <th>Status</th>
                        {% if page_edit or page_delete %}
                            <th></th>
                        {% endif %}
                    </tr>
                </thead>
                <tbody>
                    {% for value in result %}
                    <tr> 
                        <td class="table-srno">{{ loop.index }}</td>
                        <td><a class="text-primary font-14">{{ value.name }}</a></td>
                        <td>
                            {% if value.status == '1' %}
                                <span class="label label-success">Active</span>
                            {% elseif value.status == '0' %}
                                <span class="label label-danger">InActive</span>
                            {% endif %}
                        </td>
                        {% if page_edit or page_delete %}
                            <td class="table-action">
                                {% if page_edit %}
                                    <a class="text-primary edit-paymenttype" data-name="{{ value.name }}" data-id="{{ value.id }}" data-status="{{ value.status }}" data-toggle="tooltip" data-placement="top" title="Edit"><i class="las la-edit"></i></a>
                                {% endif %}
                                {% if page_delete %}
                                    <a class="table-delete text-danger delete" data-toggle="tooltip" title="Delete">
                                        <i class="las la-trash-alt"></i><input type="hidden" value="{{ value.id }}">
                                    </a>
                                {% endif %}
                            </td>
                        {% endif %}
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% if page_add or page_edit %}
    <!-- ADD EDIT MODAL -->
    <div class="modal fade" id="addPaymentType" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">New Payment Method</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{ action }}" method="post">
                    <div class="modal-body">
                        <div class="form-group">
                            <label class="col-form-label">Payment Method Name <span class="form-required">*</span></label>
                            <input type="text" class="form-control" name="name" placeholder="Enter Payment Method Name . . ." required>
                        </div>
                        <div class="form-group">
                            <label class="col-form-label">Status</label>
                            <select name="status" class="custom-select">
                                <option value="1">Active</option>
                                <option value="0">InActive</option>
                            </select>
                        </div>
                        <input type="hidden" name="id">
                        <input type="hidden" name="_token" value="{{ common.token }}">
                    </div>
                    <div class="modal-footer">
                        <button type="submit" name="submit" class="btn btn-primary"><i class="ti-save-alt pr-2"></i> Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endif %}
{% if page_delete %}{{ include('common/delete_modal.twig') }}{% endif %}{{ include('common/footer.twig') }}