@extends('layout.default')
@section('title','Manage Agenda')
@section('style')
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
@endsection
@section('content')
<!--begin::Card-->
<div class="card card-custom mb-5">
    <!--begin::Card header-->
    <div class="card-header flex-wrap py-5">
        <div class="card-title">
            <h3 class="card-label">Edit Detail Agenda</h3>
        </div>
        <div class="card-toolbar float-right">
            <ul class="nav nav-tabs nav-line-tabs nav-stretch fs-6 border-0">
                @foreach($languages as $key_lang => $val_lang)
                    <li class="nav-item">
                        <a class="nav-link {{ $key_lang == 0 ? 'active' : '' }}" data-toggle="tab" href="#kt_tab_pane_{{ $val_lang['id'] }}">
                            <strong>{{ $val_lang['country'] }}</strong>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
    <!--begin::Card header-->

    <!--begin::Block-->
    <div class="py-5 p-10">
        @include('layout.alerts.index')
        <form method="POST" action="{{ route('agenda.update') }}" enctype="multipart/form-data"
            class="form w-100" id="kt_page_create_form" novalidate="novalidate">
        @csrf
        <div class="tab-content" id="myTabContent">
            @foreach($languages as $key_lang => $val_lang)
                <div class="tab-pane fade show {{ $key_lang == 0 ? 'active' : '' }}" id="kt_tab_pane_{{ $val_lang['id'] }}" role="tabpanel">
                    <!--begin::Repeater-->
                    <div class="kt_agenda_repeater">
                        <!--begin::Form group-->
                        <div class="form-group">
                            <div data-repeater-list="{{ $val_lang['id'] }}">
                                @include('section.agenda.create')
                            </div>
                        </div>
                        <!--end::Form group-->

                        <!--begin::Form group-->
                        <div class="form-group">
                            <a href="javascript:;" data-repeater-create class="btn btn-light-primary">
                                <i class="la la-plus"></i>Add Row
                            </a>
                        </div>
                        <!--end::Form group-->
                    </div>
                    <!--end::Repeater-->
                </div>
            @endforeach
        </div>
        </form>
    </div>
    <!--end::Block-->

    <div class="card-footer">
        <div class="text-center">
            <button type="submit" form="kt_page_create_form" class="btn btn-lg btn-primary">
                Submit
            </button>
        </div>
    </div>
</div>
<!--end::Card-->
@endsection
@section('script')
<script src="{{ asset('assets/js/formrepeater.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
<script>
    $('.kt_agenda_repeater').repeater({
        repeaters: [{
            selector: '.inner-repeater',
            show: function () {
                $('.summernote').summernote();
                $(this).slideDown();
            },

            hide: function (deleteElement) {
                $(this).slideUp(deleteElement);
            }
        }],

        show: function () {
            $('.summernote').summernote();
            $(this).slideDown();
        },

        hide: function (deleteElement) {
            $(this).slideUp(deleteElement);
        }
    });
    $(document).ready(function() {
            $('.summernote').summernote();
    });
</script>
@endsection