@include('shared.header')
@include('shared.navbar')
<div class="row">
    <div class="col-md-12">
        <h2> مجلس الاداره </h2>
        @if (Auth::user()->id == 2)
            <button data-toggle="modal" data-target="#exampleModal" class="btn btn-primary">اضف ادمن جديد</button>
        @endif
    </div>
</div>
<!-- /. ROW  -->
<hr />
@foreach ($errors->all() as $error)
    <div class="alert alert-danger" style="direction: rtl; width:50%; margin: auto; font-size: 20px; font-weight: bold"
        role="alert">
        {{ $error }}
    </div><br>
@endforeach
<div class="row">
    <div class="col-md-12">
        <!--   Kitchen Sink -->
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>الاسم</th>
                                <th>الصفه</th>
                                <th>فعال / غير فعال</th>
                                <th>التحكم </th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($users as $usersValues)
                                <tr>
                                    <td>
                                        {{ $usersValues->name }}
                                    </td>

                                    <td>
                                        {{ $usersValues->job }}
                                    </td>

                                    <td>
                                        @if ($usersValues->active == 1)
                                            <i class="fa fa-check-circle" style="font-size: 30px; color: red"></i>
                                    <td>
                                        <a style="margin-bottom: 20px;"
                                            href="{{ url('adminPanel/users-action/ ' . Auth::user()->id . '/' . $usersValues->id . '/' . 'block') }}"
                                            class="btn btn-danger">حظر</a>
                                    </td>
                                @else
                                    <i class="fa fa-check-circle" style="font-size: 30px; color: #000"></i>
                                    <td>
                                        <a style="margin-bottom: 20px;"
                                            href="{{ url('adminPanel/users-action/ ' . Auth::user()->id . '/' . $usersValues->id . '/' . 'unblock') }}"
                                            class="btn btn-success">الغاء الحظر</a>
                                    </td>
                            @endif
                            </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!-- End  Kitchen Sink -->
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <br><br><br><br><br><br>
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">اضافه ادمن جديد</h5>
            </div>

            <form action="{{ url('adminPanel/create-users') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <label>الاسم</label>
                    <input type="text" class="form-control" name="name"><br>
                    <label>الرقم السري</label>
                    <input type="password" class="form-control" name="password"><br>
                    <label>تاكيد الرقم السري</label>
                    <input type="password" class="form-control" name="password_confirmation"><br>
                    <label>الظهور / الاخفاء</label>
                    <select name="active" class="form-control">
                        <option value="1">اظهار</option>
                        <option value="0">اخفاء</option>
                    </select>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">اغلاق</button>
                    <button type="submit" class="btn btn-primary">حفظ</button>
                </div>
            </form>

        </div>
    </div>
</div>

@include('shared.footer')