@extends('layouts.modals.modal-base.index')
@section('title','Edit Slot')
@section('modal-class','modal-sm')
@section('content')
    <form class="form" data-id="{{ $onboarding->id }}">
        @csrf
        <div class="row">
            <div class="col">
                <div class="fv-row mb-9 fv-plugins-icon-container fv-plugins-bootstrap5-row-valid">
                    <!--begin::Label-->
                    <label class="fs-6 fw-semibold mb-2 required datePicker">Start Date</label>
                    <!--end::Label-->
                    <!--begin::Input-->
                    <input type="date" class="form-control form-control-solid datePicker" name="date"
                           value="{{ $onboarding->date }}"/>
                    <!--end::Input-->
                    <div class="fv-plugins-message-container invalid-feedback"></div>
                    <div class="fv-plugins-message-container invalid-feedback"></div>
                </div>
            </div>
            <div class="col" data-kt-calendar="datepicker">
                <div class="fv-row mb-9">
                    <!--begin::Label-->
                    <label class="fs-6 fw-semibold mb-2">Start Time</label>
                    <!--end::Label-->
                    <!--begin::Input-->
                    <input type="time" class="form-control form-control-solid"
                           name="start_time"
                           value="{{ \App\Helper\Utility\DateTimeUtility::getFormattedTime($onboarding->start_time,'H:i') }}"/>
                    <!--end::Input-->
                </div>
            </div>
            <div class="col" data-kt-calendar="datepicker">
                <div class="fv-row mb-9">
                    <label class="fs-6 fw-semibold">End Time</label>
                    <!--end::Label-->
                    <!--begin::Input-->
                    <input type="time" class="form-control form-control-solid" name="end_time"
                           value="{{  \App\Helper\Utility\DateTimeUtility::getFormattedTime($onboarding->end_time,'H:i') }}"/>
                </div>
            </div>
        </div>
        <div class="text-center">
            <button type="button" data-bs-dismiss="modal" class="btn btn-light me-3">
                Cancel
            </button>
            <button type="submit" id="edit-onboarding-event" class="btn btn-primary">
                <span class="indicator-label">Update</span>
                <span class="indicator-progress">Please wait...
            <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
            </button>
        </div>
    </form>
@endsection