@extends('layouts.app')
@section('titlePage', 'Manager Learning Content')
@section('content')
@push('script')
<script>
    document.getElementById("draz-9").classList.add("is-expanded");
    document.getElementById("dra-9").classList.add("active","is-expanded");
    document.getElementById("View-9").classList.add("active");
</script> 
@endpush
<div class="page-wrapper">
   <!-- [ breadcrumb ] start -->
   <div class="breadcrumb-header justify-content-between">
		<div class="left-content">
			<span class="main-content-title">View</span>
		</div>
		<div class="justify-content-center mt-2">
			<ol class="breadcrumb breadcrumb-style3">
				<li class="breadcrumb-item tx-15"><a href="{{ _route('master.courses.index') }}"><i class="feather icon-home"></i></a></li>
				<li class="breadcrumb-item active">View</li>
			</ol>
		</div>
	</div>
	<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <a href="{{ route('master.courses.index') }}" class="btn btn-primary float-right">List</a>
            </div>
            <div class="card-body">
                @include('common.alert')
                <form>
                    <div class="row">
                        <div class="col-md-6 form-group">
                                <label for=""><strong>Title</strong></label>
                                <input type="text" class="form-control" name="title" value="{{ old('title', $data->title ?? null) }}" disabled>
                                <!-- <p>{{ old('title', $data->title ?? null) }}</p> -->
                        </div>
                        
                        <div class="col-md-6 form-group">
                            <label for=""><strong>Category</strong></label>
                            <input type='text' class="form-control " value="{{ old('content', $data->category->category ?? null) }}" disabled></input>
                            <!-- <p>{{ old('content', $data->class_type?? null) }}</p> -->
                        </div>
                        
                        <div class="col-md-6 form-group">
                            <label for=""><strong>Sub Category</strong></label>
                            <input type='text' class="form-control " value="{{ old('content', $data->sub_category->title ?? null) }}" disabled></input>
                            <!-- <p>{{ old('content', $data->class_type?? null) }}</p> -->
                        </div>
                        
                        <div class="col-md-12 form-group">
                            <label for=""><strong>Description</strong></label>
                            <textarea type='text' class="form-control" name="Description" id="Description" disabled>{!! old('content', $data->description ?? null) !!}</textarea>
                            <!-- <p>{!! old('content', $data->description ?? null) !!}</p> -->
                        </div>

                        @if($data->course_type ==1)
                        <div class="col-md-6 form-group">
                            <label for=""><strong>Cost of Course</strong></label>
                            <input type='text' class="form-control " name="class_type" id="class_type" value="{{ old('content', $data->cost_of_course?? null) }}" disabled></input>
                            <!-- <p>{{ old('content', $data->cost_of_course?? null) }}</p> -->
                        </div>
                        <div class="col-md-6 form-group">
                            <label for=""><strong>Cost of Selling</strong></label>
                            <input type='text' class="form-control " name="selling_course" id="selling_course" value="{{ old('content', $data->selling_course?? null) }}" disabled></input>
                            <!-- <p>{{ old('content', $data->selling_course?? null) }}</p> -->
                        </div>
                        @endif

                       {{-- <div class="col-md-6 form-group">
                            <label for=""><strong>No of videos</strong></label>
                            <input type='text' class="form-control " value="{{ old('content', $data->no_of_videos?? null) }}" disabled></input>
                            <!-- <p>{{ old('content', $data->validity?? null) }}</p> -->
                        </div>

                        @if($data->no_of_assessments > 0)
                        <div class="col-md-6 form-group">
                            <label for=""><strong>No of assessment</strong></label>
                            <input type='text' class="form-control " value="{{ old('content', $data->no_of_assessments?? null) }}" disabled></input>
                            <!-- <p>{{ old('content', $data->validity?? null) }}</p> -->
                        </div>
                        @endif
                        
                        @if($data->no_of_materials > 0)
                        <div class="col-md-6 form-group">
                            <label for=""><strong>No of materials</strong></label>
                            <input type='text' class="form-control " value="{{ old('content', $data->no_of_materials?? null) }}" disabled></input>
                            <!-- <p>{{ old('content', $data->validity?? null) }}</p> -->
                        </div>
                        @endif
                            --}}
                        <div class="col-md-6 form-group">
                            <label for=""><strong>validity</strong></label>
                            <input type='text' class="form-control " name="validity" id="validity" value="{{ old('content', $data->validity?? null) }}" disabled></input>
                            <!-- <p>{{ old('content', $data->validity?? null) }}</p> -->
                        </div>

                        <div class="col-md-12 form-group my-2">
                            <label for=""><strong>image</strong></label>
                            <div>
                                <img src="{{ old('content', $data->image?? null) }}" alt="image">
                            </div>    
                        </div>

                        <!-- <div class="col-md-6 form-group">
                            <label for=""><strong>Start Date</strong></label>
                            <input type='text' class="form-control " name="start_date" id="start_date" value="{{ old('content', $data->start_date?? null) }}" disabled></input>
                             <p>{{ old('content', $data->start_date?? null) }}</p>
                        </div>

                        <div class="col-md-6 form-group">
                            <label for=""><strong>End Date</strong></label>
                            <input type='text' class="form-control " name="end_date" id="end_date" value="{{ old('content', $data->end_date?? null) }}" disabled></input>
                             <p>{{ old('content', $data->end_date?? null) }}</p> 
                        </div> -->
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
	<!-- [ Main Content ] end -->
</div>
@endsection
@push('script')
<script src="{{ asset('assets/ckeditor/ckeditor.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
       $('.ckeditor').ckeditor();
    });
</script>
@endpush