@extends('admin.layouts.master')

@section('headerFiles')
<title>Tabcfast | Edit Course</title>
<link href="{{ url('resources/assets/admin/css/course-style.css') }}" rel="stylesheet" type="text/css" >
<link href="{{url('resources/assets/admin/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ url('resources/assets/admin/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ url('resources/assets/admin/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
<div id="wait" style="z-index: 999999 !important;display:none;width:69px;height:89px;border:1px solid #fffff;position:absolute;top:50%;left:50%;padding:2px;"><img src="{{ url('uploads/demo_wait.gif') }}" width="64" height="64" /><br>Loading..</div>
<div class="row">
    <div class="col-md-12">
        <div class="portlet light bordered">
            <div class="portlet-title">
                @include("admin/includes/front_alerts")
                <div class="caption">
                    <span class="caption-subject font-green-sharp sbold">Edit Chapter's Slides</span>
                </div>
            </div>

            <div class="portlet-body">
                <ul class="nav nav-tabs">
                    <li>
                        <a href="#tab_1_1" data-toggle="tab" >  </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade active in" id="tab_1_2">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="portlet light portlet-fit portlet-datatable bordered">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-settings font-dark"></i>
                                            <span class="caption-subject font-dark sbold uppercase">Slides</span>
                                        </div>
                                        <div class="actions">
                                            <div class="btn-group">
                                                <a class="btn btn-sm green pull-right" data-toggle="modal" href="#add-responsive"><i class="fa fa-plus"></i> <b> Add</b></a>
                                            </div>
                                            <div class="btn-group">
                                                <a class="btn btn-sm red pull-right" onclick="doDelete()"><i class="fa fa-trash"></i> <b> Delete</b></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="portlet-body">
                                        {!! Form::open([ 'url' => 'admin/chapters', 'id' => 'frm_chapters' ]) !!}
                                        <div class="table-container">
                                            <div class="table-actions-wrapper"></div>
                                            <input type="hidden" name="_method" value="DELETE">
                                            <table class="table table-striped table-bordered table-hover table-checkable" id="slides_datatable">
                                                <thead>
                                                    <tr role="row" class="heading">
                                                        <th>ID </th>
                                                        <th>Chapter ID </th>
                                                        <th>Slides Description</th>
                                                        <th>Actions</th>
                                                    </tr>
                                                </thead>
                                                <tbody> 
                                                    @foreach($data as $slides)
                                                        <tr>
                                                            <td>{{$slides->id}}</td>
                                                            <td>{{$slides->chapter_id}}</td>
                                                            <td>{{$slides->description}}</td>
                                                            <td>
                                                                <a href="{{url('admin/courses/slides/'.$slides->id.'/edit')}}" class="btn btn-sm green btn-outline filter-cancel" type="button"><i class="fa fa-edit"></i></a>
                                                                <a href="{{url('admin/courses/slides/'.$slides->id.'/delete')}}" class="btn btn-sm red btn-outline filter-cancel" type="button" ><i class="fa fa-trash"></i></a>
                                                            </td>
                                                        </tr>
                                                    @endforeach 
                                                </tbody>
                                            </table>
                                        </div>
                                        {{ Form::close() }}
                                    </div>
                                </div>
                            </div>
                        </div>       
                    </div>

                </div>

                <div class="clearfix margin-bottom-20"> </div>
            </div>
        </div>
    </div>
</div>

<!--modal-->



@endsection

@section('footerScripts')





<script src="{{ url('resources/assets/admin/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}" type="text/javascript"></script>



<script src="{{url ('resources/assets/admin/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{url ('resources/assets/admin/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
<script src="{{ url('resources/assets/admin/js/chapters_datatable.js') }}" type="text/javascript" ></script>
<script src="{{url ('resources/assets/admin/js/datatable.min.js') }}" type="text/javascript"></script>
<script src="{{ url('resources/assets/admin') }}/plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="{{url ('resources/assets/admin/js/chapter_crud.js') }}" type="text/javascript"></script>
@endsection