@extends('dashboard.layouts.master')
@section('content')
    <div class="card">
        <div class="card-header">
            <h3>{{@$page_title}}</h3>
            <div class="btns-header">

                <a href="{{route($route.'.create',encrypt($user_id))}}" class="btn btn-primary btn-air-primary btn-icon">
                    <i class="fa fa-plus"></i>
                    {{@$create}}
                </a>
            </div>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered datatable">
                    <thead>
                    <tr>
                        <th>#</th>
                        {{--                        <th>--}}
                        {{--                            <div class="checkbox checkbox-primary">--}}
                        {{--                                <input id="inline" type="checkbox" class="check_all">--}}
                        {{--                                <label for="inline">تحديد الكل</label>--}}
                        {{--                            </div>--}}
                        {{--                        </th>--}}
                        <th>اسم المستوي</th>
                        <th>السعر</th>
                        <th>توع الدفع</th>
                        <th>لديه عرض</th>

                        <th>الصوره</th>

                        <th>التحكم</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection
@push('js')
    <script>


        $('.datatable').DataTable({
            lengthChange: true,
            processing: true,
            serverSide: true,
            order: [[0, 'desc']],
            language: {
                "url": "http://cdn.datatables.net/plug-ins/1.12.1/i18n/ar.json"
            },

            "ajax": {
                url: "{{route(@$route.'.data',$user_id)}}",

            },
            columns: [
                {data: "DT_RowIndex", sortable: false, searchable: false},
                // {data: "check", name: "check", sortable: false, searchable: false},
                {data: "name", name: "name"},
                {data: "price", name: "price"},
                {
                    data: "payment_type", name: "payment_type",
                    render: function (d) {
                        if (d == 'paid') {
                            return 'مدفوع'
                        } else {
                            return 'مجاني'
                        }
                    }
                },
                {
                    data: "have_offer", name: "have_offer",
                    render: function (d) {
                        return d == 'yes' ? ' نعم' : 'لا';
                    }
                },
                {data: "photo", name: "photo", sortable: false, searchable: false},

                {data: "actions", name: "actions", sortable: false, searchable: false},
            ]

        });

        $('.search_form').on('submit', function (e) {
            e.preventDefault();
            $('.datatable').DataTable().draw();
        })
    </script>
@endpush