Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory :  /home/tradze/public_html/app/Modules/Banners/Resources/Views/admin/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

@extends('admin.layouts.master')
@section('title')

    {!! $page_title !!}
@endsection

@section('css_page')
    <link href="{{ asset('/themes/admin/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css') }}" rel="stylesheet">
@endsection



@section('content')

    <!-- BEGIN PAGE HEADER-->
    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li>
                <i class="fa fa-home"></i>
                <a href="#">Home</a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <a href="#">{{ trans('banners::banners.breadcrumbs_title') }}</a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <a href="#">{{ trans('banners::banners.page_title') }}</a>
            </li>
        </ul>
    </div>
    <!-- END PAGE HEADER-->

    <!--display messaged-->
    @include('flash::message')
    <!--/ display messaged-->

    <div class="row">
        <div class="col-md-12">
            <div class="portlet">
                <div class="portlet-title">
                    <div class="caption">
                        {!! $page_title !!}
                    </div>
                    <div class="actions">
                        <a href="{{ route('admin.banners.create') }}" class="btn blue btn-sm"><i class="fa fa-plus"></i> {{ trans('banners::banners.add') }}</a>
                    </div>
                </div>
                <div class="portlet-body">
                    <div class="container-fluid">
                        <div class="row">
                            <table class="table table-striped table-bordered table-hover" id="table">
                                <thead>
                                <tr class="heading">
                                    <th width="50%">{{trans('banners::banners.col_name')}}</th>
                                    <th width="20%">{{trans('banners::banners.col_position')}}</th>
                                    <th width="10%">{{trans('banners::banners.col_actions')}}</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts_page_plugins')
    <script src="{{ asset('/themes/admin/assets/global/scripts/datatable.js') }}" type="text/javascript"></script>
@endsection

@section('scripts_page2')
@endsection

@section('scripts_custom')
    Demo.init();
@endsection


@section('scripts_custom2')
    <script>
        $(document).ready(function()
        {
            var CSRF_TOKEN = $('input[name="_token"]').val();

            $('.date-picker').datepicker({
                orientation: "left",
                autoclose: true,
                format: 'yyyy-mm-dd',
            });

            var grid = new Datatable();

            grid.init({
                src: $("#table"),
                onSuccess: function (grid) {
                    // execute some code after table records loaded
                },
                onError: function (grid) {
                    // execute some code on network or other general error
                },
                onDataLoad: function(grid) {
                    // execute some code on ajax data load
                },
                loadingMessage: 'Loading...',
                dataTable: { // here you can define a typical datatable settings from http://datatables.net/usage/options

                    // Uncomment below line("dom" parameter) to fix the dropdown overflow issue in the datatable cells. The default datatable layout
                    // setup uses scrollable div(table-scrollable) with overflow:auto to enable vertical scroll(see: assets/global/scripts/datatable.js).
                    // So when dropdowns used the scrollable div should be removed.
                    //"dom": "<'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'<'table-group-actions pull-right'>>r>t<'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'>>",
                    sDom: '"top"i',

                    "bStateSave": true, // save datatable state(pagination, sort, etc) in cookie.
                    columns: [
                        { data: 'name', name: 'name' },
                        { data: 'position', name: 'position' },
                        { data: 'actions', name: 'actions' },
                    ],
                    "lengthMenu": [
                        [10, 20, 50],
                        [10, 20, 50] // change per page values here
                    ],
                    "pageLength": 20, // default record count per page
                    "ajax": {
                        "url": '{!! route('admin.banners.data') !!}', // ajax source
                        "beforeSend": function(){
                            $("#table ").find('tbody').html("<tr><td align='center' colspan='10' class='bold'><i class='fa fa-spinner fa-spin'></i> {{ trans('general.action_is_loading') }}</td></tr>");
                        },
                    },
                    "bSort": false,
                }
            });

        });
    </script>
@endsection