@extends('layouts.user')

{{-- Web site Title --}}


{{-- Content --}}
@section('content')
<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <i class="material-icons">format_list_numbered_rtl</i>
            {{ $title or 'All Packages' }}
        </h4>
        <span class="pull-right"><i class="fa fa-fw fa-chevron-up clickable"></i></span>
    </div>
    <div class="panel-body">
        <div class="table-responsive">
            <table id="data" class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>#. </th>
                        <th>Package Name </th>
                        <th>Number of Services</th>
                        <th>Price </th>
                        <th>{{ trans('table.actions') }}</th>

                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    @stop
    @section('scripts')




    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script type="text/javascript">
        //    $(document).ready(function () {
        //        alert('gfggfhf');
        //     })
        //     $(function() {

        //         $('#data').DataTable({
        //             processing: true,
        //             serverSide: true,

        //             ajax: '{!!route('service.data')!!}',
        //             columns: [

        //                 {
        //                     data: 'id',
        //                     name: 'id'
        //                 },
        //                 {
        //                     data: 'id',
        //                     name: 'id'
        //                 },
        //                 {
        //                     data: 'id',
        //                     name: 'id'
        //                 },
        //                 {
        //                     data: 'id',
        //                     name: 'id'
        //                 },


        //             ]
        //         });
        //     });
        // 
    </script>

    @stop