@include('admin.controllers.header')
@include('admin.controllers.upper-header')

<!-- start sidebar -->
@include('admin.controllers.sidebar')
<!-- end sidebar -->

<!-- start admin title -->
<div class="admin-title">
    <div class="container">
        <div class="title-search">
            <div class="admin-title-h">
                <i class="fa fa-image"></i>
                <h4>عارض الصور</h4>
            </div>

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

<div class="container mb-60 mt-30">
    <div class="tabs-container">
        <div class="item-nav-tabs">
            <p class="sub-header" style="margin-bottom: 30px">
                <a href="{{route('sliders.create')}}">
                    <button class="btn btn-success">
                        إنشاء جديد
                    </button>
                </a>
            </p>

        </div>

    </div>


    <div class="taps-contant" id="tap1">

        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th scope="col">الوصف باللغه العربية</th>
                    <th scope="col">الوصف باللغه الإنجليزية</th>


                    <th scope="col">
                        التحكم
                    </th>


                </tr>
                </thead>
                <tbody>

                @foreach($rows as $row)
                    <tr>


                        <td>{{$row->description['ar']}}</td>
                        <td>{{$row->description['en']}}</td>


                        <td>

                            <button style="margin:5px" class="btn btn-success" data-toggle="modal" data-target="#show{{$row->id}}">عرض
                                المرفق</button>
                            <div class="modal fade" id="show{{$row->id}}" tabindex="-1" role="dialog"
                                 aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-w" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="exampleModalLabel">عرض المرفق</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">


                                            <img class="wd-100" src="{{$row->image}}" alt="">
                                        </div>


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


                            <button style="margin:5px" type="button" class="btn btn-danger waves-effect waves-light"
                                    data-toggle="modal" data-target="#myModal{{$row->id}}">حذف
                            </button>

                            <div id="myModal{{$row->id}}" class="modal fade" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title"
                                                id="myModalLabel">حذف العنصر</h5>
                                            <button type="button" class="close" data-dismiss="modal"
                                                    aria-hidden="true">×
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <h5 class="font-16">هل تريد الحذف ؟</h5>

                                        </div>
                                        <div class="modal-footer">

                                            <form method="post" enctype="multipart/form-data"
                                                  action="{{route('sliders.destroy',$row->id)}}">
                                                @csrf
                                                @method('DELETE')
                                                <button type="button" class="btn btn-light waves-effect"
                                                        data-dismiss="modal">إلغاء
                                                </button>
                                                <button type="submit"
                                                        class="btn btn-danger waves-effect waves-light">حذف
                                                </button>
                                            </form>


                                        </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal-dialog -->
                            </div><!-- /.modal -->
                            <a href="{{route('sliders.edit',$row->id)}}">
                                <button style="margin:5px" type="button"
                                        class="btn btn-info waves-effect waves-light">تعديل
                                </button>
                            </a>
                        </td>

                    </tr>
                @endforeach
                </tbody>
            </table>



        </div>
    </div>


</div>


<!-- start body content -->

@include('admin.controllers.footer')