@extends('layouts.app')
@section('content')


@section('vod_series')
@foreach ($data as $key => $dataNode)
<tr>
    <td>{{ $dataNode->id }}</td>
    <td>{{ $dataNode->name }}</td>
    <td>{{ $dataNode->series_desc }}</td>
    <td> <button type='button' id="{{ $dataNode->id }}" class='editButton btn btn-primary'>Edit</button> </td>
</tr>
@endforeach
@stop

@section('vod_series_seasons')
@foreach ($data as $key => $dataNode)
<tr>
    <td>{{ $dataNode->id }}</td>
    <td>{{ $dataNode->name }}</td>
    <td> <button type='button' id="{{ $dataNode->id }}"  class='editButton btn btn-primary'>Edit</button> </td>
</tr>
@endforeach
@stop

<section class="content-header" style="margin-bottom:20px">
    <h1>
        {{ $viewArray['subject']}} Management
        <small>manage {{ $viewArray['subject']}}</small>
    </h1>
</section>
<!-- /.box -->


<div class="box">
    <div class="box-header">
        <h3 class="box-title">{{ $viewArray['subject']}} Data</h3>
        <div class="pull-right">
            <button type="button" class="btn btn-success" data-toggle="modal" data-target="#exampleModal">Add Season</button>
        </div>
    </div>
    <!-- /.box-header -->
    <div class="box-body">
        <table id="{{ $viewArray['dataTable']}}" class="table table-bordered table-hover dataTable">
            <tr>
                @foreach ($viewArray['dataTables'] as $key=>$value)
                <th>{{ucfirst($value['field_name'])}}</th>
                @endforeach
                <th>Actions</th>
            </tr>
            @yield($viewArray['dataTable'])
        </table>
    </div>
    <!-- /.box-body -->
    <hr>
    <div class="text-right margin-r-5">
        <div>Showing {{ $pageInfo['currentPage'] }} to {{ $pageInfo['lastPage'] }} of {{ $pageInfo['total'] }} entries</div>
        <div>{{ $data->links() }}</div>
    </div>


    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content box-body">
                <div class="modal-header">
                    <h3 class="modal-title" id="exampleModalLabel">Add Season</h3>
                    <button type="button" class="close align-top" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    {!! form($form) !!}
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modelEdit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

    </div>
</div>

<script src="{{ asset('/js/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript">
        $(document).ready(function(){
$('#'.{{ $viewArray['dataTable']}}).DataTable(
{
"order": [[ 0, "desc" ]]
}
);
        });
        $('.editButton').on('click', function(){
var id = this.id;
        $.ajax({
        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                type: "POST",
                url: "/master/edit/{{$viewArray['dataTable']}}/" + id,
                data: { "_token": "{{ csrf_token() }}" },
                success: function (json) {
                $("#modelEdit").html(json).modal();
                }
    });
        })

</script>
@endsection