@if($agendas->isEmpty())
<div data-repeater-item>
    <input type="hidden" name="agenda_id" value="">
        <div class="form-group row">
            <label class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Name
            </label>
            <div class="col-lg-9 mt-2">
                <div class="row">
                    <div class="col-lg-8 fv-row">
                        <input type="text" name="name" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Day 1"/>
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group row">
            <label class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Date
            </label>
            <div class="col-lg-9 mt-2">
                <div class="row">
                    <div class="col-lg-8 fv-row">
                        <input type="date" name="date" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"/>
                    </div>
                </div>
            </div>
        </div>
        <hr>
            <div class="inner-repeater">
                <div data-repeater-list="detail">
                    <div data-repeater-item>
                        <input type="hidden" name="detail_id" value="">
                        <div class="row mb-6">
                            <label class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Time</label>                                            
                            <div class="col-lg-5 mt-2">
                                <div class="row">
                                    <div class="col-lg-8 fv-row">
                                        <input type="time" name="hours"
                                            class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" />
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-6">
                            <label class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Title</label>                                            
                            <div class="col-lg-5 mt-2">
                                <div class="row">
                                    <div class="col-lg-8 fv-row">
                                        <input type="text" name="title"
                                            class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" />
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-6">
                            <label class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Description</label>                                            
                            <div class="col-lg-8 mt-2">
                                <div class="row">
                                    <div class="col-lg-9 fv-row">
                                        <textarea name="description"
                                        class="form-control form-control-lg form-control-solid mb-3 mb-lg-0 summernote"
                                        rows="5" placeholder="Module Description"></textarea>
                                    </div>
                                    <div class="col-lg-2 fv-row">
                                        <a href="javascript:;" data-repeater-delete class="btn btn-sm btn-light-danger">
                                            <i class="la la-trash-o fs-3"></i>Delete
                                        </a>
                                    </div>  
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <button class="btn btn-sm btn-light-primary" data-repeater-create type="button">
                    <i class="la la-plus"></i> Add Time
                </button>
            </div>

            <a href="javascript:;" data-repeater-delete class="btn btn-sm btn-light-danger mt-3 mt-md-9">
                <i class="la la-trash-o fs-3"></i>Delete Row
            </a>
            <hr>

</div>
@else
@foreach($agendas[$val_lang['id']] as $agenda)
<div data-repeater-item>
    <input type="hidden" name="agenda_id" value="{{ $agenda->id }}">
        <div class="form-group row">
            <label class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Name
            </label>
            <div class="col-lg-9 mt-2">
                <div class="row">
                    <div class="col-lg-8 fv-row">
                        <input type="text" name="name" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" value="{{ $agenda->name }}"/>
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group row">
            <label
                class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Date
            </label>
            <div class="col-lg-9 mt-2">
                <div class="row">
                    <div class="col-lg-8 fv-row">
                        <input type="date" name="date"
                            class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                            value="{{ $agenda->date }}" />
                    </div>
                </div>
            </div>
        </div>
        <hr>
            <div class="inner-repeater">
                <div data-repeater-list="detail">
                    @foreach($agenda['details'] as $detail)
                    <div data-repeater-item>
                        <input type="hidden" name="detail_id" value="{{ $detail->id }}">
                        <div class="row mb-6">                                           
                            <label class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Time</label>                                            
                            <div class="col-lg-5 mt-2">
                                <div class="row">
                                    <div class="col-lg-8 fv-row">
                                        <input type="time" name="hours"
                                            class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                            value="{{ $detail->hours }}" />
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-6">
                            <label class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Title</label>                                            
                            <div class="col-lg-5 mt-2">
                                <div class="row">
                                    <div class="col-lg-8 fv-row">
                                        <input type="text" name="title"
                                            class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" value="{{ $detail->name }}"/>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-6">
                            <label class="col-lg-3 col-form-label fw-bolder text-dark fs-6 required mt-2">Description</label>                                            
                            <div class="col-lg-8 mt-2">
                                <div class="row">
                                    <div class="col-lg-9 fv-row">
                                        <textarea name="description"
                                        class="form-control form-control-lg form-control-solid mb-3 mb-lg-0 summernote"
                                        rows="5" placeholder="Module Description">{{ $detail->description }}</textarea>
                                    </div>
                                    <div class="col-lg-2 fv-row">
                                        <a href="javascript:;" data-repeater-delete class="btn btn-sm btn-light-danger">
                                            <i class="la la-trash-o fs-3"></i>Delete
                                        </a>
                                    </div>  
                                </div>
                            </div>
                        </div>

                    </div>
                    @endforeach
                </div>
                <button class="btn btn-sm btn-light-primary" data-repeater-create type="button">
                    <i class="la la-plus"></i> Add Time
                </button>
            </div>

            <a href="javascript:;" data-repeater-delete class="btn btn-sm btn-light-danger mt-3 mt-md-9">
                <i class="la la-trash-o fs-3"></i>Delete Row
            </a>
            <hr>

</div>
@endforeach
@endif