@extends('crudbooster::admin_template')
@push('bottom')
<link rel="stylesheet" href="{{ asset('/vendor/libs/datatables/datatables.css') }}">

<script src="{{ asset('/vendor/libs/datatables/datatables.js') }}"></script>

<script src="{{ asset('/js/tables_datatables.js') }}"></script>

@include('JSBlade.MJsblade')

<style>
    /* #theraphist_user {
        background: #fff;
        padding: 20px 10px;
        border-radius: 10px;
    } */
</style>
 <!-- <link rel="stylesheet" href="{{asset('assets/admin/css/dataTables.min.css')}}">
<script type="text/javacript" src="{{asset('assets/admin/js/dataTables.min.js')}}"> </script>  -->

<script>
    // $(document).ready( function () {
    //     $('#global_product').DataTable();
    // });
</script>



@endpush

@section('content')

<div id="message-show"></div>

@if (Session::has('msg'))

<div class="alert alert-success">
    <p> {{ Session::get('msg')}}</p>
</div>

@endif
<div class="panel">
    <div id="responsive" class="panel-body table-responsive">
        <table id="global_product" class="datatables-demo table table-striped table-bordered" >
            <thead>
                <tr>
                    <th>Package Name</th>
                    <th>Product Name</th>
                    <th class="pull-right">Action</th>
                </tr>
            </thead>
            <tbody>
            
                @foreach($productpackages as $productpackage)
                <tr>
                    <td>{{$productpackage->view_name}} </td>
                    <td> 
                        @foreach($productpackage->products()->get() as $product)
                            {{$product->product_name}} ,
                        
                        @endforeach
                    
                    </td>
                    <td class="pull-right">
                        <a type="button" class="btn btn-xs btn-success btn-edit" href="{{ url('admin/globalproducts/edit/'.$productpackage->id) }}">Edit</a>
                    </td>
                </tr>
                @endforeach
            </tbody>

            <tfoot>
                <tr>
                <th>Package Name</th>
                <th>Product Name</th>
                <th class="pull-right">Action</th>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

@endsection