@extends('layout.app')
@section('title')
    {{ __('اعضاء لجنة او الفريق ') . $committee->title }}
@stop
@section('css')
    <!-- BEGIN: Vendor 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') }}">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap-extended.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/colors.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/components.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/dark-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/bordered-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/semi-dark-layout.css') }}">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <!-- END: Page CSS-->

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/custom-rtl.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-rtl.css') }}">
@stop

@section('content')

    <div class="content-wrapper">
        <div class="content-body">
            <!-- meals list start -->
            <section class="app-meals-list">
                <!-- list section start -->
                <div class="card">
                    <div class="card-header mb-2">
                        <h4 class="card-title">{{ __('اعضاء اللجنة او الفريق ') }}</h4>
                    </div>


                    <div class="table-responsive mb-2">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th class="py-1">الاسم</th>
                                    <th class="py-1">المهمة</th>
                                    <th class="py-1">العمليات</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($committee->members as $key => $member)
                                    {{-- عرض الأعضاء --}}
                                    <tr>
                                        <td>{{ $member->user->name }}</td>
                                        <td>{{ $member->mission->name }} </td>
                                        <td>
                                            <a href="#" class="btn btn-danger btn-sm" data-toggle="modal"
                                                data-target="#modals-delete-{{ $member->id }}">
                                                حذف
                                            </a>
                                            <a href="#" class="btn btn-primary btn-sm" data-toggle="modal"
                                                data-target="#modals-update-{{ $member->id }}">
                                                تعديل
                                            </a>
                                        </td>
                                    </tr>
                                    @if ($key == 1)
                                        <tr>
                                            <td>{{ $committee->user->name ?? '-' }}</td>
                                            <td>مقرر</td>
                                            <td></td>
                                        </tr>
                                    @endif
                                @empty
                                    {{-- عرض رسالة عند عدم وجود أعضاء --}}
                                    <tr>
                                        <td colspan="3" class="text-center">لا يوجد بيانات متاحة</td>
                                    </tr>
                                @endforelse

                                {{-- يمكنك الاحتفاظ بالتعليق التالي إذا كنت بحاجة إليه --}}
                                {{-- @if (count($committee->members) == 0 || count($committee->members) == 1)
                                    <tr>
                                        <td>{{ $committee->user->name ?? '-' }}</td>
                                        <td>مقرر</td>
                                        <td></td>
                                    </tr>
                                @endif --}}
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- list section end -->
            </section>

            <!-- نموذج إضافة عضو جديد -->
            <div class="modal fade" id="modals-create">
                <div class="modal-dialog">
                    <form class="create-new-nature modal-content pt-0"
                        action="{{ route('committees.users.store', $committee->id) }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="modal-header mb-1">
                            <h5 class="modal-title" id="exampleModalLabel">اضافة جديد</h5>
                        </div>
                        <div class="modal-body flex-grow-1">
                            {{-- اختيار العضو --}}
                            <div class="form-group">
                                <label for="question">{{ __('اختيار العضو') }}</label>
                                <select class="select2 form-control" name="user_id">
                                    @foreach (App\Models\User::where('id', '<>', $committee->user_id ?? 0)->get() as $item)
                                        <option value="{{ $item->id }}"
                                            @if (old('user_id') == $item->id) selected @endif>{{ $item->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            {{-- اختيار المهمة --}}
                            <div class="form-group">
                                <label for="question">{{ __('اختيار المهمة') }}</label>
                                <select class="select2 form-control" name="member_mission_id">
                                    @foreach (App\Models\MemberMission::get() as $item)
                                        <option value="{{ $item->id }}"
                                            @if (old('member_mission_id') == $item->id) selected @endif>{{ $item->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary mr-1 data-submit">حفظ</button>
                            <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <!-- نماذج تعديل وحذف الأعضاء -->
            @foreach ($committee->members as $member)
                <!-- نموذج حذف عضو -->
                <div class="modal fade" id="modals-delete-{{ $member->id }}">
                    <div class="modal-dialog">
                        <form class="add-new-user modal-content pt-0"
                            action="{{ route('committees.users.destroy', $member->id) }}" method="POST">
                            @csrf
                            @method('DELETE')
                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">حذف</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <h4>هل تريد الحذف؟</h4>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-danger mr-1 data-submit">حذف</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- نموذج تعديل عضو -->
                <div class="modal fade" id="modals-update-{{ $member->id }}">
                    <div class="modal-dialog">
                        <form class="modal-content pt-0" action="{{ route('committees.users.update', $member->id) }}"
                            method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('PUT')
                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">تعديل</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                {{-- تعديل العضو --}}
                                <div class="form-group">
                                    <label for="question">{{ __('العضو') }}</label>
                                    <select class="select2 form-control" name="user_id">
                                        @foreach (App\Models\User::where('id', '<>', $committee->user_id ?? 0)->get() as $item)
                                            <option value="{{ $item->id }}"
                                                @if (old('user_id', $member->user_id) == $item->id) selected @endif>{{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                {{-- تعديل المهمة --}}
                                <div class="form-group">
                                    <label for="question">{{ __('اختيار المهمة') }}</label>
                                    <select class="select2 form-control" name="member_mission_id">
                                        @foreach (App\Models\MemberMission::get() as $item)
                                            <option value="{{ $item->id }}"
                                                @if (old('member_mission_id', $member->member_mission_id) == $item->id) selected @endif>{{ $item->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-primary mr-1 data-submit">حفظ</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection