@extends('layouts.index')

@section('content')
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/36.0.1/classic/ckeditor.js"></script>

<div class="content-body">
    <div class="container-fluid">
        <div class="form-head d-flex mb-3 mb-md-4 align-items-start">
            <div class="me-auto d-none d-lg-block">
                <h3 class="font-w600">{{ $title }}</h3>
            </div>
            <div class="ms-auto d-flex align-items-center">
                    <a href="{{ route('admin.hei_learning-list') }}" class="btn btn-secondary">Back</a>
            </div>
        </div>
        @include('includes.message') 
        <div class="row">
            <div class="col-md-12 p-0">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('admin.about-submit') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="_table" value="hei_learning">   
                            <input type="hidden" name="id" value="{{ $about_edit->id ?? '' }}"> 

                            <div class="row">
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Image 1 <span class="text-danger">*</span></label>
                                    <input type="file" class="form-control" name="image1" >
                                </div>
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Number 1<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="number1" value="{{ old('number1', $about_edit->number1 ?? '') }}" required>
                                </div>
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Title 1<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="title1" value="{{ old('title1', $about_edit->title1 ?? '') }}" required>
                                </div>
                            </div>
                            <div class="row">
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Image 2 <span class="text-danger">*</span></label>
                                    <input type="file" class="form-control" name="image2">
                                </div>
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Number 2<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="number2" value="{{ old('number2', $about_edit->number2 ?? '') }}" required>
                                </div>
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Title 2<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="title2" value="{{ old('title2', $about_edit->title2 ?? '') }}" required>
                                </div>
                            </div>
                            <div class="row">
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Image 3 <span class="text-danger">*</span></label>
                                    <input type="file" class="form-control" name="image3">
                                </div>
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Number 3<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="number3" value="{{ old('number3', $about_edit->number3 ?? '') }}" required>
                                </div>
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Title 3<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="title3" value="{{ old('title3', $about_edit->title3 ?? '') }}" required>
                                </div>
                            </div>
                            <div class="row">
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Image 4 <span class="text-danger">*</span></label>
                                    <input type="file" class="form-control" name="image4">
                                </div>
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Number 4<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="number4" value="{{ old('number4', $about_edit->number4 ?? '') }}" required>
                                </div>
                                <div class="mb-3 col-md-4">
                                    <label class="form-label">Title 4<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="title4" value="{{ old('title4', $about_edit->title4 ?? '') }}" required>
                                </div>
                            </div>


                            <div class="mb-3 col-md-12">
                                <label class="form-label">Heading 1</label>
                                <input type="text" class="form-control" name="heading1" value="{{ old('heading1', $about_edit->heading1 ?? '') }}" required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Description</label>
                                <textarea class="form-control editor" id="summernote" name="description">{{ old('description', $about_edit->description ?? '') }}</textarea>
                            </div>
                        
                            <div class="row">
                                <div class="mb-3 col-md-6">
                                    <label class="form-label">YouTube Link</label>
                                    <input type="text" class="form-control" name="youtube_link" value="{{ old('youtube_link', $about_edit->youtube_link ?? '') }}">
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label class="form-label">Heading 2</label>
                                    <input type="text" class="form-control" name="heading2" value="{{ old('heading2', $about_edit->heading2 ?? '') }}">
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Description 2</label>
                                <textarea class="form-control editor" id="summernote" name="description2">{{ old('description2', $about_edit->description2 ?? '') }}</textarea>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Heading 3</label>
                                <input type="text" class="form-control" name="heading3" value="{{ old('heading3', $about_edit->heading3 ?? '') }}">
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Description 3</label>
                                <textarea class="form-control editor" id="summernote" name="description3">{{ old('description3', $about_edit->description3 ?? '') }}</textarea>
                            </div>

                            <div class="row">
                                <div class="mb-3 col-md-6">
                                    <label class="form-label">Image 5<span class="text-danger">*</span></label>
                                    <input type="file" class="form-control" name="image5">
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label class="form-label">Image 6<span class="text-danger">*</span></label>
                                    <input type="file" class="form-control" name="image6">
                                </div>
                            </div>

                            <div class="row">
                                <div class="mb-3 col-md-6">
                                    <label class="form-label">Heading 4</label>
                                    <input type="text" class="form-control" name="heading4" value="{{ old('heading4', $about_edit->heading4 ?? '') }}">
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label class="form-label">Sub Heading 4</label>
                                    <input type="text" class="form-control" name="sub_heading4" value="{{ old('sub_heading4', $about_edit->sub_heading4 ?? '') }}">
                                </div>
                            </div>

                            <div class="row">
                                <div class="mb-3 col-md-6">
                                    <label class="form-label">Image 7<span class="text-danger">*</span></label>
                                    <input type="file" class="form-control" name="image7">
                                </div>
                                <div class="mb-3 col-md-6">
                                    <label class="form-label">Image 8<span class="text-danger">*</span></label>
                                    <input type="file" class="form-control" name="image8">
                                </div>
                            </div>

                            <div class="mb-3 d-none">
                                <label class="form-label">Status</label>
                                <select class="form-select" name="status" required>
                                    <!-- <option value="">Select Status</option> -->
                                    <option value="1" {{ old('status', $about_edit->status ?? '') == '1' ? 'selected' : '' }}>Active</option>
                                    <!-- <option value="0" {{ old('status', $about_edit->status ?? '') == '0' ? 'selected' : '' }}>Inactive</option> -->
                                </select>
                            </div>

                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
<script>
    $('.editor').summernote({
        placeholder: 'Enter course description...',
        tabsize: 2,
        height: 120,
        toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'underline', 'clear']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['table', ['table']],
            ['insert', ['link', 'picture', 'video']],
            ['view', ['fullscreen', 'codeview', 'help']]
        ]
    });
</script>

@endsection