@extends('layout.app')
@section('title')
    {{ __('تعديل الاجتماع') }}
@stop

@section('css')

    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors-rtl.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/forms/select/select2.min.css') }}">
    <link href="{{ asset('app-assets/hijri-date/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet" />
@endsection
@section('content')

    <div class="content-wrapper">
        <div class="content-body">
            <!-- users edit start -->
            <section class="app-user-edit">

                <!-- users edit account form start -->
                <form method="POST" action="{{ route('meetings.update', $meeting->id) }}">
                    @csrf
                    @method('PUT')
                    <div class="card">
                        <div class="card-header mb-2">
                            <h4 class="card-title">{{ __('تعديل الاجتماع') }}</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                {{-- user name --}}
                                <input type="hidden" name="committee_id" value="{{ $committee->id }}">
                                <div class="col-lg-3 col-md-3 col-sm-12">
                                    <div class="form-group">
                                        <label for="num" class="form-label">{{ __('رقم الاجتماع') }}</label>
                                        <input type="text" value="{{ old('num', $meeting->num) }}" class="form-control"
                                            name="num" id="num" required>
                                    </div>
                                </div>
                                <div class="col-lg-9 col-md-9 col-sm-12">
                                    <div class="form-group">
                                        <label for="title" class="form-label">{{ __('عنوان الاجتماع') }}</label>
                                        <input type="text" value="{{ old('title', $meeting->title) }}"
                                            class="form-control" name="title" id="title" required>
                                    </div>
                                </div>
                                {{-- end user name --}}


                                {{-- user email --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="date" class="form-label">{{ __('تاريخ الاجتماع') }}</label>
                                        <input type="text" id="date" name="date"
                                            class="form-control hijri-picker"
                                            value="{{ old('date', Alkoumi\LaravelHijriDate\Hijri::Date('Y-m-d', $meeting->date)) }}"
                                            placeholder="YYYY-MM-DD">
                                    </div>
                                </div>
                                {{-- end user email --}}

                                {{-- user email --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="time" class="form-label">{{ __('وقت الاجتماع') }}</label>
                                        <input type="time" id="time" name="time" class="form-control"
                                            value="{{ old('time', $meeting->time) }}">
                                    </div>
                                </div>
                                {{-- end user email --}}
                                {{-- user email --}}
                                <div class="col-lg-6 col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label for="type" class="form-label">{{ __('نوع الاجتماع') }}</label>
                                        <select name="type" id="type" class="form-control">
                                            <option value="0" @if ('0' == old('type', $meeting->type)) selected @endif>حضوري
                                            </option>
                                            <option value="1" @if ('1' == old('type', $meeting->type)) selected @endif>عن بعد
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                {{-- end user email --}}

                                {{-- user email --}}
                                <div class="col-lg-6 col-md-6 col-sm-12" id="meeting_link">
                                    <div class="form-group">
                                        <label for="link" class="form-label">{{ __('رابط الاجتماع') }}</label>
                                        <input type="text" id="link" name="link" class="form-control"
                                            value="{{ old('link', $meeting->link) }}">
                                    </div>
                                </div>
                                {{-- end user email --}}

                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <label for="link" class="form-label">{{ __('بنود الاجتماع') }}</label>
                                    <div id="myRepeatingFields" class="pt-1">
                                        @forelse(App\Models\MeetingPoint::where('meeting_id',$meeting->id)->get() as $point)
                                            <div class="entry">
                                                <div class="row">
                                                    <div class="form-group col-md-5">
                                                        <label class="form-label" for="name_file">البند</label>
                                                        <input type="text" name="names[]" value="{{ $point->name }}"
                                                            id="legal_partner_name" class="form-control" />
                                                    </div>
                                                    <div class="form-group col-md-2">
                                                        <label class="form-label" for="times">الوقت المستغرق</label>
                                                        <input type="text" class="form-control"
                                                            value="{{ $point->time }}" name="times[]" id="times">
                                                    </div>
                                                    <div class="form-group col-md-3">
                                                        <label class="form-label" for="times">المسؤول</label>
                                                        <select class="form-control" id="user_id"
                                                            aria-describedby="user_id" name="user_id[]">
                                                            <option value="">{{ __('اختيار المسؤول') }}</option>
                                                            <option value="{{ $meeting->committee->user->id }}"
                                                                @if ($point->user_id == $meeting->committee->user->id) selected @endif>
                                                                {{ $meeting->committee->user->name }}</option>
                                                            @forelse ($meeting->committee->members as $item)
                                                                <option value="{{ $item->user->id }}"
                                                                    @if ($point->user_id == $item->user->id) selected @endif>
                                                                    {{ $item->user->name }}</option>
                                                            @empty
                                                                <option value="">{{ __('عليك اعضاء اللجنة') }}
                                                                </option>
                                                            @endforelse
                                                        </select>
                                                    </div>
                                                    @if ($loop->last)
                                                        <div class="form-group col-md-2">
                                                            <button type="button" class="btn btn-add btn-success"
                                                                style="margin-top: 23px; color: black;">
                                                                إضافة
                                                            </button>
                                                        </div>
                                                    @else
                                                        <div class="form-group col-md-2">
                                                            <button type="button" class="btn btn-remove btn-danger"
                                                                style="margin-top: 23px; color: black;">
                                                                حذف
                                                            </button>
                                                        </div>
                                                    @endif

                                                </div>

                                                <span class="input-group-btn"></span>
                                            </div>
                                        @empty
                                            <div class="entry">
                                                <div class="row">
                                                    <div class="form-group col-md-5">
                                                        <label class="form-label" for="name_file">الاسم</label>
                                                        <input type="text" name="names[]" id="legal_partner_name"
                                                            class="form-control" />
                                                    </div>
                                                    <div class="form-group col-md-2">
                                                        <label class="form-label" for="times">الوقت المستغرق</label>
                                                        <input type="text" class="form-control" name="times[]"
                                                            id="times">
                                                    </div>
                                                    <div class="form-group col-md-3">
                                                        <label class="form-label" for="times">المسؤول</label>
                                                        <select class="form-control" id="user_id"
                                                            aria-describedby="user_id" name="user_id[]">
                                                            <option value="{{ $meeting->committee->user->id }}">
                                                                {{ $meeting->committee->user->name }}</option>
                                                            @forelse ($committee->members as $item)
                                                                <option value="{{ $item->user->id }}">
                                                                    {{ $item->user->name }}</option>
                                                            @empty
                                                                <option value="">{{ __('عليك اعضاء اللجنة') }}
                                                                </option>
                                                            @endforelse
                                                        </select>
                                                    </div>

                                                    <div class="form-group col-md-2">
                                                        <button type="button" class="btn btn-add btn-success"
                                                            style="margin-top: 23px; color: black;">
                                                            إضافة
                                                        </button>
                                                    </div>

                                                </div>

                                                <span class="input-group-btn"></span>
                                            </div>
                                        @endforelse
                                    </div>
                                </div>



                                <div class="col-lg-12 col-md-12 col-sm-12">
                                    <button type="submit" class="btn btn-primary">{{ __('Submit') }}</button>
                                    <button type="reset" class="btn btn-light">{{ __('Cencel') }}</button>
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </section>
            <!-- users edit ends -->

        </div>
    </div>
@endsection

@section('js')
    <script>
        var type = document.getElementById("type");

        function ff() {
            if (type.value == 0) {
                document.getElementById("meeting_link").style.display = "none";
            } else {
                document.getElementById("meeting_link").style.display = "block";

            }
        }
        type.onchange = function() {
            ff()
        };
        $(window).on("load", function() {
            ff()
        });

        $(function() {
            $(document)
                .on("click", ".btn-add", function(e) {
                    e.preventDefault();
                    var controlForm = $("#myRepeatingFields:first"),
                        currentEntry = $(this).parents(".entry:first"),
                        newEntry = $(currentEntry.clone()).appendTo(controlForm);
                    newEntry.find("input").val("");
                    controlForm.find(".entry:not(:last) .btn-add").removeClass("btn-add").addClass(
                        "btn-remove").removeClass("btn-success").addClass("btn-danger").html("حذف");
                })
                .on("click", ".btn-remove", function(e) {
                    e.preventDefault();
                    $(this).parents(".entry:first").remove();
                    return false;
                });
        });
    </script>
@endsection