@extends('admin.index')
@section('title')
    {{ translate("other_pages_title") }} -
@endsection
@section('header')
@endsection
@section('content')

<div class="row">
    <div class="col-12">
        <div class="content">
            <div class="card card-body">
                <div class="toolbar d-flex justify-content-between">
                    <div>
                        <h5 class="mb-0">{{ translate("other_pages_title") }}</h5>
                        <p class="text-sm mb-0">
                           {{ translate("other_pages_description") }}
                        </p>
                    </div>
                    <div>
                    </div>
                </div>
                <table class="table table-striped" id="table1" data-locale="tr-TR" data-toolbar=".toolbar" data-search="true"
                    data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-pagination="false"
                    data-resizable="true" data-sortable="true" data-show-search-clear-button="true"
                    data-side-pagination="server" data-url="{{ secure_url('admin/other-pages/list/ajax') }}">
                    <thead>
                        <tr>
                            <th data-sortable="true" data-field="title">{{ translate("page_name_label") }}</th>
                            <th data-sortable="true" data-field="status">{{ translate("status_label") }}</th>
                            <th data-sortable="true" data-field="key" data-formatter="urlFormatter">{{ translate("url_label") }}</th>
                            <th data-field="key" data-formatter="buttonFormatter">{{ translate("edit_delete_label") }}</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection
@section('footer')
<script>
    function urlFormatter(key) {
        var url = "{{ route('page.detail', '') }}" + "/" + key;
        return '<a href="'+ url +'" target="_blank"><i class="fas fa-external-link-alt me-2"></i> {{ translate("visit_label") }}</a>';
    }
    function parentTypeFormatter(parent_id) {
        if (parent_id <= 0) {
            return "<i class='fa fa-circle text-success'></i> {{ translate('main_category_label') }}";
        }
        return "<i class='fa fa-circle text-warning'></i> {{ translate('sub_category_label') }}";
    }
    function buttonFormatter(id) {
        var url = "{{ url('admin/other-pages/edit') }}" + "/" + id;
        return '<div class="btn-group btn-block" role="group" aria-label="editremove"><a href="'+ url +'" class="btn btn-sm btn-primary"> <i class="far fa-edit"></i> {{ translate("edit_label") }}</a> </div>';
    }
    function dateFormatter(date) {
        var date = new Date(date);
        var newDate = ("0" + (date.getDate())).slice(-2) + "/" + ("0" + (date.getMonth() + 1)).slice(-2) + "/" + date.getFullYear() + " " + ("0" + date.getHours()).slice(-2) + ":" + ("0" + date.getMinutes()).slice(-2) + ":" + ("0" + date.getMilliseconds()).slice(-2);
        return newDate;
    }
</script>
@endsection