@extends('backend.admin.layouts.master')
@section('content')
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Toolbar-->
        <div class="toolbar" id="kt_toolbar">
            <!--begin::Container-->
            <div id="kt_toolbar_container" class="container-fluid d-flex flex-stack">
                <!--begin::Page title-->
                <div class="d-flex align-items-center me-3">
                    <!--begin::Title-->
                    <h3 class="d-flex align-items-center text-dark  my-1 fs-3">{{$heading}}</h3>
                    <!--end::Title-->
                    <!--begin::Separator-->
                    <span class="h-20px border-gray-200 border-start mx-4"></span>
                    <!--end::Separator-->
                    <ul class="breadcrumb breadcrumb-separatorless  fs-7 my-1">
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">
                            <a href="/admin" class="text-muted text-hover-primary">Dashboard</a>
                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <li class="breadcrumb-item">
                            <span class="bullet bg-gray-200 w-5px h-2px"></span>
                        </li>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">Page Manage</li>
                        <!--end::Item-->
                        <!--begin::Item-->
                        <li class="breadcrumb-item text-muted">{{$heading}}</li>
                        <!--end::Item-->
                    </ul>

                </div>
                <!--end::Page title-->
                <!--begin::Actions-->
                <div class="d-flex align-items-center py-1">
                    <!--begin::Wrapper-->
                    <div class="me-4">
                    </div>
                    <!--end::Wrapper-->
                </div>
                <!--end::Actions-->
            </div>
            <!--end::Container-->
        </div>
        <!--end::Toolbar-->
        <!--begin::Post-->
        <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">
                    <div class="card-header">
                        <div class="card-title">
                            {{$heading}}
                        </div>
                        <div class="card-toolbar">
                            <a href="/admin/trainings" class="btn btn-danger"><i class="fa fa-backspace"></i> Back</a>
                        </div>
                    </div>
                    <form action="" method="post" enctype="multipart/form-data">
                        {{csrf_field()}}
                        <div class="card-body border-top p-9">
                            <div class="row mb-4">
                                <!--begin::Label-->
                                <label class="col-lg-3 col-form-label fw-bold fs-6 required">Course</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-9">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-12 fv-row">
                                            <select  name="course_id" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0">
                                                <option value="">--Choose <Course></Course>--</option>
                                                @foreach($cats as $cat)
                                                    <option value="{{$cat->id}}" @if($record->course_id==$cat->id) selected @endif>{{$cat->heading}}</option>
                                                @endforeach
                                            </select>
                                            @error('course_id')
                                            <div class="fv-plugins-message-container invalid-feedback">
                                                {{$message}}
                                            </div>
                                            @enderror
                                            <a href="/admin/courses" target="_blank">Manage Course</a>

                                        </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 required fw-bold fs-6">Class Title</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-9">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-12 fv-row">
                                            <input type="text" name="title" value="{{$record->title}}" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Class Title" />
                                            @error('title')
                                            <div class="fv-plugins-message-container invalid-feedback">
                                                {{$message}}
                                            </div>
                                            @enderror
                                        </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 required">Time Duration</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-9">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-12 fv-row">
                                            <input type="text" name="time_duration" value="{{$record->time_duration}}" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Ex: 8:00 - 16:00" />
                                            @error('time_duration')
                                            <div class="fv-plugins-message-container invalid-feedback">
                                                {{$message}}
                                            </div>
                                            @enderror
                                        </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 required">Date Duration</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-9">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-12 fv-row">
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <label for="start_date required">Start Date</label>
                                                    <input type="text" name="start_date" id="start_date" value="{{$record->start_date}}" class="js-flatpickr form-control form-control-lg form-control-solid mb-3 mb-lg-0"/>
                                                    @error('start_date')
                                                    <div class="fv-plugins-message-container invalid-feedback">
                                                        {{$message}}
                                                    </div>
                                                    @enderror

                                                </div>
                                                <div class="col-sm-6">
                                                    <label for="start_date">End Date</label>
                                                    <input type="text" name="end_date" id="end_date" value="{{$record->end_date}}" class="js-flatpickr form-control form-control-lg form-control-solid mb-3 mb-lg-0"/>
                                                    @error('end_date')
                                                    <div class="fv-plugins-message-container invalid-feedback">
                                                        {{$message}}
                                                    </div>
                                                    @enderror

                                                </div>
                                                <div class="col-sm-12 text-center">
                                                    <span>Date Format: YYYY-MM-DD | 2021-01-25</span>
                                                </div>
                                            </div>
                                        </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 required">Class Venue</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-9">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-12 fv-row">
                                            <input type="text" name="location" value="{{$record->location}}" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Training Class Venue" />
                                            @error('location')
                                            <div class="fv-plugins-message-container invalid-feedback">
                                                {{$message}}
                                            </div>
                                            @enderror
                                        </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">Featured Image</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-9">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-12 fv-row">
                                            <div class="row">
                                                <div class="col-10">
                                                    <input type="file" name="image" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"/>
                                                    @error('image')
                                                    <div class="fv-plugins-message-container invalid-feedback">
                                                        {{$message}}
                                                    </div>
                                                    @enderror
                                                </div>
                                                <div class="col-2">
                                                    <img src="/{{get_image($record->image)}}" class="w-100">
                                                </div>
                                            </div>
                                        </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">Course Fees</label>
                                <!--end::Label-->
                                <!--begin::Col-->
                                <div class="col-lg-9">
                                    <!--begin::Row-->
                                    <div class="row">
                                        <!--begin::Col-->
                                        <div class="col-lg-12 fv-row">
                                            <input type="number" name="link" value="{{$record->fees}}" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder=""/>
                                            @error('fees')
                                            <div class="fv-plugins-message-container invalid-feedback">
                                                {{$message}}
                                            </div>
                                            @enderror
                                        </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-lg form-control-solid mb-3 mb-lg-0">{{$record->details}}</textarea>
                                            @error('details')
                                            <div class="fv-plugins-message-container invalid-feedback">
                                                {{$message}}
                                            </div>
                                            @enderror
                                        </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">Short Introduction</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="info" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0">{{$record->info}}</textarea>
                                            @error('info')
                                            <div class="fv-plugins-message-container invalid-feedback">
                                                {{$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">
                            <button class="btn btn-primary"><i class="fa fa-save"></i> Update</button>
                        </div>
                    </form>
                </div>
            </div>
            <!--end::Container-->
        </div>
        <!--end::Post-->
    </div>
@endsection
@section('scripts')
    <script src="/assets/plugins/custom/ckeditor/ckeditor-classic.bundle.js"></script>
    <script src="/assets/js/pages/crud/forms/editors/ckeditor-classic.js"></script>

@endsection