@extends('layout.app')
@section('title')
    {{ __('اعضاء الاجتماع ') }}{{ $meeting->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">>{{ __('اعضاء الاجتماع ') }}{{ $meeting->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>
                                {{-- user name --}}
                                <tr>
                                    <td>{{ $meeting->committee->user->name }}</td>
                                    <td>
                                        <div class="custom-control custom-checkbox" style="text-align: center">
                                            <input type="checkbox" class="custom-control-input" id="staff-write" disabled
                                                checked />
                                            <label class="custom-control-label" for="staff-write"></label>
                                        </div>
                                    </td>
                                    <td>

                                    </td>
                                </tr>
                                @forelse ($meeting->committee->members as $member)
                                    {{-- user name --}}
                                    <tr>
                                        <td>{{ $member->user->name }}</td>
                                        <td>
                                            <div class="custom-control custom-checkbox" style="text-align: center">
                                                <input type="checkbox" class="custom-control-input" id="staff-write"
                                                    disabled @if (App\Models\MeetingMember::where('meeting_id', $meeting->id)->where('user_id', $member->user->id)->first()) checked @endif />
                                                <label class="custom-control-label" for="staff-write"></label>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="#" class="btn btn-primary btn-sm" data-toggle="modal"
                                                data-target="#modals-update-status-{{ $member->user->id }}">
                                                تعديل الحالة
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr style="text-align: center;">
                                        <td colspan="3"> لا يوجد اعضاء للجنة </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                </div>
                <!-- list section end -->
            </section>


            @foreach ($meeting->committee->members as $item)
                <!-- Modal to add new user starts-->
                <div class="modal fade" id="modals-update-status-{{ $item->user->id }}">
                    <div class="modal-dialog">
                        <form class="add-new-user modal-content pt-0"
                            action=" {{ route('meeting.users.update-status', $item->user->id) }}" method="POST">
                            @csrf
                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">تعديل الحالة</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <input type="hidden" name="meeting_id" value="{{ $meeting->id }}">
                                <div class="form-group">
                                    <label for="question">{{ __('الحالة') }}</label>
                                    <select class="form-control" name="status">
                                        <option @if (!App\Models\MeetingMember::where('meeting_id', $meeting->id)->where('user_id', $member->user->id)->first()) selected @endif value="0">لم يتم
                                            الحضور</option>
                                        <option @if (App\Models\MeetingMember::where('meeting_id', $meeting->id)->where('user_id', $member->user->id)->first()) selected @endif value="1">تم الحضور
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-success mr-1 data-submit">حفظ</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- Modal to add new user Ends-->
            @endforeach
        </div>
    </div>
@endsection