@extends('admin.master')


@section('css')

@endsection


@section('js')

<script type="text/javascript" src="{{ asset('libs/kendo/jquery.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('libs/kendo/kendo.grid.min.js') }}"></script>

    <script>

    $(function() {

        var peliculas = {!! $peliculas !!};


        /* $("#grid").kendoGrid({
                        dataSource: {
                            data: products,
                            schema: {
                                model: {
                                    fields: {
                                        ProductName: { type: "string" },
                                        UnitPrice: { type: "number" },
                                        UnitsInStock: { type: "number" },
                                        Discontinued: { type: "boolean" }
                                    }
                                }
                            },
                            pageSize: 20
                        },
                        height: 550,
                        scrollable: true,
                        sortable: true,
                        filterable: true,
                        pageable: {
                            input: true,
                            numeric: false
                        },
                        columns: [
                            "ProductName",
                            { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "130px" },
                            { field: "UnitsInStock", title: "Units In Stock", width: "130px" },
                            { field: "Discontinued", width: "130px" }
                        ]
                    }); */
    })

    /* function eliminarVideo(id) {
        alert('Eliminar ' + id);
    } */

    </script>

@endsection

@section('content')

    <div>
    <a class="btn btn-primary" href="/peliculas/crear">+ Pelicula</a>

    <div id="grid"></div>

    </div>


    <!-- <div class="container">

        <a class="btn btn-primary" href="/peliculas/crear">+ Pelicula</a>

        <table class="table table-hover">
            <thead>
            <tr>
                <th scope="col"></th>
                <th scope="col">Id</th>
                <th scope="col">Titulo</th>
                <th scope="col">Sinopsis</th>
                <th scope="col">Categoría</th>
                <th scope="col">Contador</th>
                <th scope="col">Featured</th>
                {{-- <th scope="col">Activo</th> --}}
            </tr>
            </thead>
            <tbody>

            @foreach($peliculas as $p)
                <tr>
                    <td><img src="{{$p->imagen_pequeña}}" width="150" /> </td>
                    <td>{{$p->video_id}}</td>
                    <td>{{$p->titulo}}</td>
                    <td>{{$p->descripcion_corta}}</td>
                    <td>{{$p->Categoria->nombre}}</td>
                    <td>{{$p->video_contador}}</td>
                    <td>
                        @if ($p->featured==1)
                            Si
                        @endif
                    </td>
                    {{-- <td><button onclick="eliminarVideo({{$p->video_id}})" class="btn btn-danger">Eliminar</button></td> --}}


                    {{-- <td>{{$p->activo}}</td> --}}
                </tr>
            @endforeach
            </tbody>
        </table>

    </div> -->

@endsection