@extends('layouts.admin.master')

@section('title')Settings
 {{ $title }}
@endsection


@push('css')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/date-picker.css') }}">
@endpush

@section('content')	
	<div class="container-fluid">
    <div class="page-header">
      <div class="row">
        <div class="col-lg-6">
          <h3>Academic</h3>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('index') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('index') }}">Settings</a></li>    
            <li class="breadcrumb-item"><a href="{{ route('index') }}">Financial Year</a></li>            

          </ol>
        </div>
        <div class="col-lg-6">
          <div class="bookmark">
            <ul>
            <li><a class="btn btn-primary-light" href="{{route('course',['action'=>base64_encode('add')])}}">Add Course</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <h5>Courses</h5>
                </div>
                <div class="card-block row">
                    <div class="col-sm-12 col-lg-12 col-xl-12">
                        <div class="table-responsive">
                            <table class="table">
                                <thead class="table-primary">
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Course Name</th>
                                        <th scope="col">Academic Year</th>
                                        <th scope="col">Roll No Group</th>
                                        <th scope="col">Branch</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                    $count = 1;
                                    @endphp
                                    @foreach($data as $list)
                                    <tr>
                                        <th scope="row">{{$count++}}</th>
                                        <td>{{$list->courseName}}</td>
                                        <td>{{$list->AcadName}}</td>
                                        <td>{{$list->rollName}}</td>
                                        <td>{{$list->BranchName}}</td>
                                        <td>{{$list->status}}</td>
                                        <td>
                                        <div class="item-action dropdown ml-2">
                                                <a href="javascript:void(0)" data-toggle="dropdown"><i class="fa fa-ellipsis-v"></i></a>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <a href="{{route('course',['action'=>base64_encode('edit'),'Id'=>encrypt_decrypt('encrypt',$list->courseId)])}}" class="dropdown-item"> Edit </a>                                                    
                                                </div>
                                        </div>                                                                                                                  
                                        </td>
                                    </tr>               
                                    @endforeach                    
                                </tbody>                                
                            </table>
                        </div>
                        <div>
                            <ul id="demo">
                            </ul>						
					    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
	<script src="{{ asset('assets/js/datepicker/date-picker/datepicker.js') }}"></script>
    <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.en.js') }}"></script>
    <script src="{{ asset('assets/js/datepicker/date-picker/datepicker.custom.js') }}"></script>
    <script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
    <script src="{{asset('assets/js/setting/notify.js')}}"></script>
    <script src="{{asset('assets/js/app.min.js')}}"></script>
    <script src="{{asset('assets/js/pagination.js')}}"></script>
    
       <script>
             $('.dropdown-menu').on('click', function(e) {
                    e.stopPropagation();
                });

    $(function() {
    $('#demo').pagination({
        items: 100,
        itemsOnPage: 10,
        cssStyle:'pagination pagination-primary'
    });
});

           </script>
	@endpush
@endsection