@extends('admin.admin_dashboard')

@section('customcss')
    <link href="{{ asset('../asset/vendor/datatables/css/jquery.dataTables.min.css') }}" rel="stylesheet">
    <link href="{{ asset('../asset/vendor/jquery-nice-select/css/nice-select.css') }}" rel="stylesheet">
@endsection

@section('admin')
    <div class="content-body">
        <div class="container-fluid">
            <div class="row page-titles">
                <div class="col-md-9">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item active"><a href="javascript:void(0)">Home </a></li>
                        <li class="breadcrumb-item"><a href="javascript:void(0)"> Class Routine</a></li>
                    </ol>
                </div>
                <div class="col-md-3 mb-0 text-right">
                    <a href="{{ route('admin.add.class.routine') }}"><button class="btn btn-success"><i
                                class="fas fa-plus"></i> Add Class Routine</button></a>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Class routine List</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="example" class="display" style="min-width: 845px">
                                    <thead>
                                        <tr>
                                            <th>Class</th>
                                            <th>Section</th>
                                            <th>Subject</th>
                                            <th>Day</th>
                                            <th>Time</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($classRoutines as $value)
                                            <tr>
                                                <td>{{ $value->class_name }}</td>
                                                <td>{{ $value->section_name }}</td>
                                                <td>{{ $value->subject_name }}</td>
                                                <td>
													@if($value->day == 1)
														Saturday 
													@elseif($value->day == 2)
														Sunday
													@elseif($value->day == 3)
														Monday
													@elseif($value->day == 4)
														Tuesday
													@elseif($value->day == 5)
														Wednesday
													@elseif($value->day == 6)
														Thursday
													@elseif($value->day == 7)
														Friday
													@else
														N/A
													@endif
												</td>
                                                <td>{{ $value->start_time }} - {{ $value->end_time }}</td>
                                                <td>
                                                    <div class="dropdown ms-auto text-end">
                                                        <div class="btn-link" data-bs-toggle="dropdown">
                                                            <svg width="24px" height="24px" viewBox="0 0 24 24"
                                                                version="1.1">
                                                                <g stroke="none" stroke-width="1" fill="none"
                                                                    fill-rule="evenodd">
                                                                    <rect x="0" y="0" width="24"
                                                                        height="24"></rect>
                                                                    <circle fill="#000000" cx="5" cy="12"
                                                                        r="2"></circle>
                                                                    <circle fill="#000000" cx="12" cy="12"
                                                                        r="2"></circle>
                                                                    <circle fill="#000000" cx="19" cy="12"
                                                                        r="2"></circle>
                                                                </g>
                                                            </svg>
                                                        </div>
                                                        <div class="dropdown-menu dropdown-menu-end">
                                                            <a class="dropdown-item"
                                                                href="{{ route('admin.edit.assign.section', $value->id) }}">Edit</a>
                                                            <a class="dropdown-item"
                                                                href="{{ route('admin.delete.assign.section', $value->id) }}">Delete</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endsection

@section('customjs')
    <script src="{{ asset('../asset/vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('../asset/js/plugins-init/datatables.init.js') }}"></script>

    <script src="{{ asset('../asset/vendor/jquery-nice-select/js/jquery.nice-select.min.js') }}"></script>
@endsection