@extends('layout.app')
@section('title')
    {{ __('اضافة اجتماع') }}
@stop

@section('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.store') }}">
                    @csrf
                    <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') }}" class="form-control"
                                            name="num" id="num" required>
                                    </div>
                                </div>
                                {{-- end user name --}}
                                <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') }}" 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') }}"
                                            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') }}">
                                    </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')) selected @endif>حضوري
                                            </option>
                                            <option value="1" @if ('1' == old('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') }}">
                                    </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">
                                        <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="{{ $committee->user->id }}">
                                                            {{ $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>
                                    </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