@extends('admin.masterv2')

@section('styleSheet')
    <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- END PAGE LEVEL STYLES -->
@endsection
@section('content')

    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="{{route('home')}}">Dashboard</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{route('coursesPage')}}">Course Page Edit</a>
                    </li>
                </ul>
            </div>
            <!-- END PAGE HEADER-->
            <div class="row adminHeader mb-3">
                <div class="col-md-10">
                    <i class="fa fa-globe"></i> Course Page        
                </div>
                <div class="col-md-2">
                    <a href="{{ route('editCoursesProgram', ['id' => 'new']) }}" class="btn btn-success pull-right">
                        <i class="fa fa-plus"></i> Add course
                    </a>
                </div>
            </div>
            <div class="portlet box blue-hoki">
                
                <div class="portlet-body">
                    <table id="pageList" class="table table-bordered table-striped" style="width:100%">
                        <thead class="thead-dark">
                            <tr>
                                <th tabindex="0">ID</th>
                                <th tabindex="1">Image</th>
                                <th tabindex="2">Title</th>
                                <th tabindex="2">Type</th>
                                <th tabindex="3">Amount</th>
                                <th tabindex="4">Status</th>
                                <th tabindex="5">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($courseInfo as $courses)
                                <tr>
                                    <td>{{$courses->id}}</td>
                                    <td>
                                        <a  href="{{ route('editCoursesProgram', ['id' => $courses->id]) }}">
                                            <img class="img-responsive"  src="{{asset('uploads/courses/'.$courses->id.'/'.$courses->image)}}" style="max-width:120px" alt="">
                                        </a>
                                    </td>
                                    <td>{{$courses->title}}</td>
                                    <td>{{$courses->type!=0 ? $courseTypes[$courses->type] : 'NA'}}</td>
                                    <td>{!! $courses->amount !!}
                                    </td>
                                    <td>{{$courses->status == 'Y' ? "show" : "Hide" }}</td>
                                    <td>
                                        <a href="{{ route('editCoursesProgram', ['id' => $courses->id]) }}" class="btn btn-success btn-sm pull-right">
                                            <i class="fa fa-edit"></i> Edit
                                        </a>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                        <tfoot class="thead-dark">
                            <tr>
                                <th tabindex="0">ID</th>
                                <th tabindex="1">Image</th>
                                <th tabindex="2">Title</th>
                                <th tabindex="2">Type</th>
                                <th tabindex="3">Amount</th>
                                <th tabindex="4">Status</th>
                                <th tabindex="5">Action</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
                
            </div>
            <!-- BEGIN PAGE CONTENT-->
            <!-- END PAGE CONTENT-->
        </div>
    </div>
@endsection
@section('customJs')

@endsection