@extends('backend.admin.layouts.master')
@section('content')
    <div class="content" id="bg_content">
        <div class="pt-6 pb-4">
            <div class="container d-flex justify-content-between flex-stack">
                <div class="d-flex align-items-center me-3">
                    <span class="h-20px border-gray-200 border-start mx-2"></span>
                    <ul class="breadcrumb breadcrumb-separatorless  fs-7 my-1">
                        <li class="breadcrumb-item">
                            <a href="/admin" class="text-dark">Dashboard</a>
                        </li>
                        <li class="breadcrumb-item text-dark">{{ $heading }}</li>
                    </ul>
                </div>
                <div class="">
                    <a href="/admin/plugins/education/institute/packages/{{ $id }}/groups"
                        class="btn btn-dark rounded-0">Back</a>
                </div>
            </div>
        </div>
        <div class="post d-flex flex-column-fluid" id="kt_post">
            <!--begin::Container-->
            <div id="kt_content_container" class="container">
                @include('layouts.message')
                <div class="card">
                    <form action="" method="post" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-6 mb-3">
                                    <div class="d-flex flex-column mb-2 fv-row">
                                        <!--begin::Label-->
                                        <label class="required fs-6 fw-semibold">
                                            <span class="">Heading</span>
                                        </label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="text" name="heading" value="{{ $record->heading }}"
                                            class="form-control form-control-md mb-2 mb-lg-0" placeholder="Course Title" />

                                        <!--end::Input-->
                                        @error('heading')
                                            <div class="fv-plugins-message-container text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <div class="d-flex flex-column mb-2 fv-row">
                                        <!--begin::Label-->
                                        <label class="required fs-6 fw-semibold">
                                            <span class="">Sub Heading</span>
                                        </label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input type="text" name="sub_heading" value="{{ $record->sub_heading }}"
                                            class="form-control form-control-md mb-2 mb-lg-0" placeholder="Course Title" />

                                        <!--end::Input-->
                                        @error('sub_heading')
                                            <div class="fv-plugins-message-container text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <div class="d-flex flex-column mb-2 fv-row">
                                        <!--begin::Label-->
                                        <label class="required fs-6 fw-semibold">
                                            <span class="">Session Duration</span>
                                        </label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <select name="course_duration_id" class="form-control form-control-md mb-2 mb-lg-0">
                                            <option value="">--Choose Duration--</option>
                                            @foreach ($durations as $duration)
                                                <option
                                                    value="{{ $duration->id }}"@if ($record->course_duration_id == $duration->id) selected @endif>
                                                    {{ $duration->name }}</option>
                                            @endforeach
                                        </select>
                                        <!--end::Input-->
                                        @error('course_duration_id')
                                            <div class="fv-plugins-message-container text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <div class="d-flex flex-column mb-2 fv-row">
                                        <!--begin::Label-->
                                        <label class="required fs-6 fw-semibold">
                                            <span class="">Session Fees</span>
                                        </label>
                                        <!--end::Label-->
                                        <input type="number" name="session_fee" value="{{ $record->price }}"
                                            class="form-control form-control-md mb-2 mb-lg-0" placeholder="" />
                                        @error('session_fee')
                                            <div class="fv-plugins-message-container text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <div class="d-flex flex-column mb-2 fv-row">
                                        <!--begin::Label-->
                                        <label class="required fs-6 fw-semibold">
                                            <span class="">Session Start Date</span>
                                        </label>
                                        <!--end::Label-->
                                        <input type="date" name="session_start_date"
                                            value="{{ $record->session_start_date }}"
                                            class="form-control form-control-md mb-2 mb-lg-0" placeholder="" />
                                        @error('session_start_date')
                                            <div class="fv-plugins-message-container text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-lg-6 mb-3">
                                    <div class="d-flex flex-column mb-2 fv-row">
                                        <!--begin::Label-->
                                        <label class="required fs-6 fw-bold mb-2">
                                            <span class="">Session End Date</span>
                                        </label>
                                        <!--end::Label-->
                                        <input type="date" name="session_end_date"
                                            value="{{ $record->session_end_date }}"
                                            class="form-control form-control-md mb-2 mb-lg-0" placeholder="" />
                                        @error('session_end_date')
                                            <div class="fv-plugins-message-container text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-4">
                                <!--begin::Label-->
                                <label class="col-lg-3 col-form-label fw-bold fs-6">Featured Image</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-9">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="row">
                                            <!--begin::Col-->
                                            <div class="col-lg-10 fv-row">
                                                <input type="file" name="image"
                                                    onchange="PreviewImage(event)"class="form-control form-control-md mb-2 mb-lg-0" />
                                                @error('image')
                                                    <div class="fv-plugins-message-container text-danger">
                                                        {{ $message }}
                                                    </div>
                                                @enderror
                                            </div>
                                            <div class="col-2 fv-row">
                                                <img src="/{{ get_image($record->image) }}" id="PreviewImageID"
                                                    width="100" height="100">
                                            </div>
                                            <!--end::Col-->
                                        </div>
                                        <!--end::Col-->
                                    </div>
                                    <!--end::Row-->
                                </div>
                                <!--end::Col-->
                            </div>


                            <div class="row mb-4">
                                <!--begin::Label-->
                                <label class="col-lg-3 col-form-label fw-bold fs-6">Details</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-9">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-12 fv-row">
                                            <textarea name="details" class="editor form-control form-control-md mb-2 mb-lg-0">{{ $record->details }}</textarea>
                                            @error('link')
                                                <div class="fv-plugins-message-container text-danger">
                                                    {{ $message }}
                                                </div>
                                            @enderror
                                        </div>
                                        <!--end::Col-->
                                    </div>
                                    <!--end::Row-->
                                </div>
                                <!--end::Col-->
                            </div>

                            <div class="row mb-0">
                                <!--begin::Label-->
                                <label class="col-lg-3 col-form-label fw-bold fs-6">Active Status ?</label>
                                <!--begin::Label-->
                                <!--begin::Label-->
                                <div class="col-lg-9 d-flex align-items-center">
                                    <div class="form-check form-check-solid form-switch fv-row">
                                        <input class="form-check-input" type="checkbox" id="status"
                                            @if ($record->status) checked @endif value="1"
                                            name="status" />
                                        <label class="form-check-label" for="status"></label>
                                    </div>
                                </div>
                                <!--begin::Label-->
                            </div>

                        </div>
                        <div class="card-footer text-end">
                            <button class="btn btn-primary rounded-0">Save</button>
                        </div>
                    </form>
                </div>
            </div>
            {{-- @livewire('backend.plugin.education.institute.category-manage-component',['segment'=>'sub']) --}}
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        function PreviewImage(event) {
            var preview = document.getElementById('PreviewImageID');
            preview.src = URL.createObjectURL(event.target.files[0]);
        };
    </script>
@endsection