@extends('layouts.backend.master')
@section('title')
	 - Courses
@endsection

@section('mainPart')
	<main class="ttr-wrapper">
		<div class="container-fluid">
            @if(Session::has('message'))
                <div class="notification"><div class="alert alert-success alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>{{ Session::get('message') }}</div></div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
           <!--  @if(Session::has('errors'))
                <script>
                $(document).ready(function(){
                    $('.modal').modal({show: true});
                }
                </script>
            @endif -->
			<div class="db-breadcrumb">
				<h4 class="breadcrumb-title">Course</h4>
				<ul class="db-breadcrumb-list">
					<li><a href="{{ route('admin.dashboard') }}"><i class="fa fa-home"></i>Home</a></li>
					<li>Courses</li>
				</ul>
			</div>
			<div class="row">
				<div class="col-md-12 col-lg-12 col-xl-12 col-sm-12 col-12">
                    <button class="btn bg-success mb-2" data-toggle="modal" data-target="#addCourse" style="color:white;">Add New Course</button>
                    <table class="table table-hover table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>Code</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($courses as $key => $course)
                            <tr>
                                <td>{{ ++$key }}</td>
                                <td>{{ $course->name}}</td>
                                <td>{{ $course->code}}</td>
                                <td>@if( $course->status==1 )<span class="badge badge-success">Active</span>
                                    @elseif( $course->status==0 )<span class="badge badge-danger">Inactive</span>
                                    @endif
                                <td>
                                    <a href="#" data-toggle="modal" data-target="#statusModal{{ $course->id}}" class="mr-2" title="Change Status!"><i class="fa fa-refresh text-warning"></i></a>
                                    <a href="#" class="mr-2" title="Edit" data-toggle="modal" data-target="#editModal{{ $course->id}}" ><i class="fa fa-edit text-info"></i></a>
                                    <a href="#" title="Delete" data-toggle="modal" data-target="#deleteModal{{ $course->id}}" ><i class="fa fa-trash text-danger"></i></a>
                                </td>
                                <!-- Edit Modal -->
    <div class="modal fade" id="editModal{{ $course->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Edit Course</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="post" action="{{ route('admin.course.update') }}">
                    @csrf
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="CourseName">Course Name</label>
                            <input type="hidden" class="form-control" name="id" id="id" value="{{ $course->id}}">
                            <input type="text" class="form-control" name="name" value="{{ $course->name}}">
                            @error('name')
                                <span style="color:red;"><b>{{ $message }}</b></span>
                            @enderror
                        </div>
                        <div class="form-group">
                            <label for="CourseCode">Course Code</label>
                            <input type="text" class="form-control" name="code" value="{{ $course->code}}">
                        </div>
                        <div class="form-group">
                            <label for="Status">Status</label>
                            <select class="form-control" id="Status" name="status">
                                @if($course->status==1)
                                    <option value="1">Active</option>
                                    <option value="0">Inactive</option>
                                @elseif($course->status==0)
                                    <option value="0">Inactive</option>
                                    <option value="1">Active</option>
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Update changes</button>
                    </div>
                </form>
                </div>
            </div>
        </div>
        <!-- Status Modal -->
    <div class="modal fade" id="statusModal{{ $course->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Change Status!</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="post" action="{{ route('admin.course.status') }}">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="id" value="{{ $course->id}}" />
                        <center><span class="h3 text-danger">Are you Sure ?</span></center>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-danger bg-danger">Change</button>
                    </div>
                </form>
                </div>
            </div>
        </div>
        <!-- Delete Modal -->
        <div class="modal fade" id="deleteModal{{ $course->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Delete?</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form method="post" action="{{ route('admin.course.destroy') }}">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="id" value="{{ $course->id}}" />
                        <center><span class="h3 text-danger">Are you Sure ?</span></center>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-danger bg-danger">Delete</button>
                    </div>
                </form>
                </div>
            </div>
        </div>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
				</div>
			</div>
		</div>
    </main>
    <!-- Add Course -->
    <div class="modal fade" id="addCourse" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Add New Course</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="post" action="{{ route('admin.course.store') }}">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <label for="CourseName">Course Name</label>
                        <input type="text" class="form-control" name="name"  placeholder="Enter course Name" value="{{ old('name') }}">
                        @error('name')
                            <span style="color:red;"><b>{{ $message }}</b></span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="CourseName">Course Code</label>
                        <input type="text" class="form-control" name="code" placeholder="Enter course code" value="{{ old('code') }}">
                        @error('code')
                            <span style="color:red;"><b>{{ $message }}</b></span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="Status">Status</label>
                        <select class="form-control" name="status">
                            <option value="1">Active</option>
                            <option value="0">Inactive</option>
                        </select>
                        @error('status')
                            <span style="color:red;"><b>{{ $message }}</b></span>
                        @enderror
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal"> Close </button>
                    <button type="submit" class="btn btn-primary"> Save </button>
                </div>
            </form>
            </div>
        </div>
    </div>
@endsection