@extends('Layouts_admin.index')
@section('content')
	    <!-- widget -->
    <div class="container pt-6 px-7">
        <div class="row">
            <div class="col-lg-12">
                <div class="col-lg-12">
                    <div class="card rounded pt-0 pb-0">
                        <div class="card-body px-4 pt-2 pb-4">
                            <div class="tab-content mt-0" id="nav-tabContent">
                                <div class="tab-pane fade show active p-0 pt-0" id="nav-home" role="tabpanel" 
                                aria-labelledby="nav-home-tab">
                                    <form action="{{ url('/UpdateHarga') }}" method="POST">
                                    <input type="hidden" value="" name="id_course">
                                        <h4>Setup Pelatihan</h4>
                                        @csrf
                                        <input type="hidden" name="category_id" value="" class="form-control">
                                        <div class="row mt-7">
                                            <div class="col-lg-4">
                                                <label for="">Harga :</label>
                                            </div>
                                            <div class="col-lg-8">
                                                <input type="text" name="harga" value="" class="form-control">
                                            </div>
                                        </div>
                                        <div class="row mt-7">
                                            <div class="col-lg-4">
                                                <label for="">Durasi type :</label>
                                            </div>
                                            <div class="col-lg-8">

                                                <select id="durasi-type" class="form-control" name="unit" style="width: 30%">
                                                    <option  value="hari">Hari</option>
                                                    <option  selected value="bulan">Bulan</option>
                                                    <option  value="tahun">Tahun</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mt-7">
                                            <div class="col-lg-4">
                                                <label for="">Durasi mulai setelah :</label>
                                            </div>
                                            <div class="col-lg-8">
                                                
                                                <div style="width: 30%" class="input-group">
                                                    <input type="number"  name="durasi_awal" class="form-control" value="{{ $course ? $course->duration_start : '' }}">
                                                    <div class="input-group-append">
                                                        <select class="form-control desk-type" disabled>
                                                            <option  value="hari">Hari</option>
                                                            <option  selected value="bulan">Bulan</option>
                                                            <option  value="tahun">Tahun</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <p class="text-sm fs-12 mt-2 text-danger">Akses pelatihan akan dibuka setelah melewati durasi mulai dari tanggal enroll peserta</p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-4">
                                                <label for="">Durasi berakhir setelah :</label>
                                            </div>
                                            <div class="col-lg-8">
                                                
                                                <div style="width: 30%" class="input-group">
                                                    <input type="number"  name="durasi_akhir" class="form-control" value="{{ $course ? $course->duration : '' }}">
                                                    <div class="input-group-append">
                                                        <select class="form-control desk-type" disabled>
                                                            <option  value="hari">Hari</option>
                                                            <option  selected value="bulan">Bulan</option>
                                                            <option  value="tahun">Tahun</option>
                                                        </select>
                                                    </div>
                                                </div>

                                                <p class="text-sm fs-12 mt-2 text-danger">Akses pelatihan akan ditutup setelah melewati durasi akhir dari tanggal enroll peserta</p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-4">
                                                <label for="">Level :</label>
                                            </div>
                                            <div class="col-lg-8">
                                                <select class="form-control" name="status_level" style="width: 30%">
                                                    <option selected value="">Belum diatur</option>
                                                    <option  value="1">Aktif</option>
                                                    <option  value="0">Tidak Aktif</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mt-4">
                                            <div class="col-lg-4">
                                                <label for=""></label>
                                            </div>
                                            <div class="col-lg-8">
                                                <button type="submit" class="btn btn-primary btn-sm">Simpan</button>
                                                <a href="{{ url('/ManageCourse') }}" class="btn btn-danger btn-sm">Batal</a>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- widgetend -->
@endsection
<script src="{{ asset('assets/js/jquery-3.6.0.min.js') }}"></script>
<script>
        $(document).ready(function() {
            $('#durasi-type').on('change', function() {
                var selectedValue = $(this).val();
                $('.desk-type').val(selectedValue);
            });
        });
    </script>