@extends('student.layouts.app')
@section('titlePage', 'Study Guide')
@section('content')
<script>
    document.getElementById("dr-2").classList.add("active");
</script>
<!-- <div class="container-fluid flex-grow-1 container-p-y"> -->
<!-- [ breadcrumb ] start -->
<div class="breadcrumb-header justify-content-between mt-1">
<h4 class="breadcrumb-item active font-weight-bold">STUDY <span class="text-secondary">GUIDE</span></h4>
    <div class="justify-content-center">
        <ol class="breadcrumb breadcrumb-style3">
            <li class="breadcrumb-item tx-15"><a href=""><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item active">Study Guide</a></li>
        </ol>
    </div>
</div>
<!-- [ breadcrumb ] end -->
<!-- [ Main Content ] start -->
<div class="row">
    <div class="col-12">
        @include('common.alert')
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <form class="form-inline" action="" method="GET">
                        <div class="form-group mr-2 mb-2">
                            <input type="text" value="{{request()->get('q')}}" class="form-control " name="q" placeholder="Enter ..." minlength="2">
                        </div>
                        <button type="submit" class="btn btn-primary mb-2" style="margin-left:5px;"><i class="fa fa-search"></i> Search</button>
                        <a href="{{ _route('student.learning-content.index')}}" class="btn btn-secondary mb-2" style="margin-left:5px;"><i class="fa fa-times"></i> Reset</a>
                    </form>
                    <div class="table-responsive">
                        <table class="table table-bordered text-nowrap border-bottom">
                            <thead>
                                <tr role="row">
                                    <th>Subject</th>
                                    <th>Content Type</th>
                                    <th>Description</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($data as $value)
                                <tr>
                                    <td>{{str_limit( $value->title, 30)}}</td>
                                    <td width="150px">
                                        @switch($value->content_type)
                                        @case('file')
                                        <b>File</b>
                                        @break
                                        @case('audio')
                                        <b>Audio</b>
                                        @break
                                        @case('audio_url')
                                        <b>Audio</b>
                                        @break
                                        @case('video_url')
                                        <b>video</b>
                                        @break
                                        @default
                                        <b>{{$value->content_type}}</b>
                                        @break
                                        @endswitch
                                    </td>
                                    <td>
                                        {!! substr(strip_tags($value->description),0,50) !!}...
                                    </td>
                                    <td>
                                        <a href="{{ _route('student.learning-content.detail', $value->slug) }}" class="btn btn-outline-primary p-1">View Content</a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                            <!-- <tfoot>
                                    <tr>
                                        <th>Subject</th>
                                        <th>Content Type</th>
                                        <th>Description</th>
                                        <th>Action</th>
                                    </tr>
                                </tfoot> -->
                        </table>
                    </div>
                </div>
                {{-- Pagination --}}
                <!-- <div class="row">
                    <div class="col-sm-12 col-md-12 mt-2">
                        <div class="pagination custom-pagination justify-content-end mb-0" id="dt-ajax-array_paginate">
                            {!! $data->appends(request()->all())->links() !!}
                        </div>
                    </div>
                </div> -->
                <div class="row align-items-center">
                    <div class="col-md-4 my-2">
                    @if(count($data) > 0)
                        Showing {{$data->firstItem()}} to {{$data->lastItem()}} of {{$data->total()}} Entries
                    @else
                        No Record
                    @endif
                    </div>
                    <div class="col-md-7 col-lg-7">
                        <div class="pull-right">
                            {!! $data->appends(request()->all())->links() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection