@extends('layouts.admin.app')

@section('content')
<style>
    table a.text-white.font-weight-bold.text-xs.catModal {
            text-decoration: none;
        }
</style>
<div class="container-fluid py-4">
	<div class="row">
		<div class="col-12">
			<div class="card my-4">
				<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
					<div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3">
						<h6 class="text-white text-capitalize ps-3">Course List
                            <a href="{{route('admin.course.create')}}">
							    <i class="material-icons ms-auto text-white cursor-pointer catModal" data-type="Add" style="float: right; margin: 0 25px;" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Add Course">add</i>
                            </a>
                        </h6>
					</div>
				</div>
                <input type="hidden" id="requestURL" value="{{ route('admin.category.index') }}">
                <br>
                @if(Session::has('success'))
                    <div class="alert alert-success text-white mx-3">
                        {{ Session::get('success') }}
                    </div>
                @endif
                @if(Session::has('error'))
                    <div class="alert alert-danger text-white mx-3">
                        {{ Session::get('error') }}
                    </div>
                @endif
				<div class="card-body">
					<div class="table-responsive p-0">
						<table class="table align-items-center mb-0" id="data_table">
							<thead>
								<tr>
									<th class="text-uppercase text-secondary text-xxs font-weight-bolder">Course</th>
									<th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder">Category</th>
                                    <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder">Course Cost</th>
                                    <th class="text-left text-uppercase text-secondary text-xxs font-weight-bolder">Course Price</th>
									<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder">Status</th>
                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder">Action</th>
								</tr>
							</thead>
							<tbody>
                                @foreach($courses as $course)
								<tr>
									<td>
                                        <div class="d-flex px-2 py-1">
                                            <div>
                                                <img src="{{ url('uploads/course/'.$course->image) }}" class="avatar avatar-sm me-3 border-radius-lg c-img" alt="user1">
                                            </div>
                                            <div class="d-flex flex-column justify-content-center">
                                                <h6 class="mb-0 text-sm c-name">{{ $course->name }}</h6>
                                            </div>
                                        </div>
									</td>
									<td>
                                        <p class="text-xs text-left font-weight-bold mb-0 c-pid">{{ $course->category_name }}</p>
                                        {{-- <p class="text-xs text-secondary mb-0">Organization</p> --}}
									</td>
                                    <td class="align-middle text-left text-sm">
                                        {{$course->cost}}
                                    </td>
                                    <td class="align-middle text-left text-sm">
                                        {{$course->price}}
                                    </td>
									<td class="align-middle text-center text-sm">
									    <span class="badge badge-sm c-status @if($course->status==1) bg-gradient-success">Active @else bg-gradient-danger">Inactive @endif</span>
									</td>
									<td class="align-middle text-center text-sm d-flex gap-2">
                                        <button class="btn btn-primary">
                                            <a href="{{ route('admin.t.index',base64_encode($course->id)) }}" class="text-white font-weight-bold text-xs catModal" data-id="{{ $course->id }}" data-st="{{ $course->status }}" data-pid="{{ $course->category_name }}" data-type="Edit" data-toggle="tooltip" data-original-title="Edit user">
                                                Curriculum
                                            </a>
                                        </button>
                                         <button class="btn btn-primary">
                                            <a href="{{ route('admin.cf.index',base64_encode($course->id)) }}" class="text-white font-weight-bold text-xs catModal" data-id="{{ $course->id }}" data-st="{{ $course->status }}" data-pid="{{ $course->category_name }}" data-type="Edit" data-toggle="tooltip" data-original-title="Edit user">
                                               Course FAQ
                                            </a>
                                        </button>
                                        <button class="btn btn-primary">
                                            <a href="{{ route('admin.index',base64_encode($course->id)) }}" class="text-white font-weight-bold text-xs catModal" data-id="{{ $course->id }}" data-st="{{ $course->status }}" data-pid="{{ $course->category_name }}" data-type="Edit" data-toggle="tooltip" data-original-title="Edit user">
                                                C-FAQ
                                            </a>
                                        </button>
                                        <button class="btn btn-primary">
                                            <a href="{{ route('admin.course.edit',base64_encode($course->id)) }}" class="text-white font-weight-bold text-xs catModal" data-id="{{ $course->id }}" data-st="{{ $course->status }}" data-pid="{{ $course->category_name }}" data-type="Edit" data-toggle="tooltip" data-original-title="Edit user">
                                                <i class="material-icons">edit</i>
                                            </a>
                                        </button>
                                        <form action="{{ route('admin.course.destroy',base64_encode($course->id)) }}" method="post">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-primary" type="submit">
                                                <i class="material-icons">delete</i>
                                            </button>
                                        </form>

									</td>
								</tr>
                                @endforeach
							</tbody>
						</table>
                        <div class="pagination-container justify-content-center " style="padding: 10px;">
                            <ul class="pagination pagination-primary">

                            </ul>
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>

    @include('layouts.admin.footer')
</div>

<style>
.flex.justify-between.flex-1.sm\:hidden
{
    display: none
}
</style>
<script>
    function FetchData(){
        var url = $('#requestURL').val();
        $.ajax({
            url: url,
            type: "GET",
            data : '',
            processData: false,
            contentType: false,
            beforeSend: function() {
                layon();
            },
            success: function(data){
                $('.table-responsive').html(data);
                layoff();
            },
            error: function(xhr, ajaxOptions, thrownError) {
                console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
                layoff();
            }
        });
    }

</script>
@endsection