@include('shared.header')
@include('shared.navbar')
<div class="row">
    <div class="col-md-12">
        <h2> صور متحركه الرئيسيه </h2>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">اضف صوره جديده</a>
    </div>
</div>
<!-- /. ROW  -->
@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
<hr />
<div class="row" style="margin: auto">
    @if (count($gallary) > 0)
        @foreach ($gallary as $all_gallaries)
            <div class="col-md-4 col-sm-4">
                <div class="panel panel-default">
                    <div class="panel-body" style="text-align: center">
                        <img src="{{ asset('' . $all_gallaries->Photo) }}"
                            style="width: 150px; height: 150px;;">
                        <h1> العنوان باللغه العربيه </h1>
                        <h6> {{ $all_gallaries->Name ? $all_gallaries->Name : "لا يوجد "}} </h6>
                        <h1> Title in En </h1>
                        <h6> {{ $all_gallaries->Name_en ? $all_gallaries->Name_en : "لا يوجد "}} </h6>
                    </div>
                    <div class="panel-footer">
                        <a href="{{ url('adminPanel/edit-slider/' . $all_gallaries->id) }}"
                            class="btn btn-success">تعديل</a>
                        <a href="{{ url('adminPanel/delete-slider/' . $all_gallaries->id) }}"
                            class="btn btn-danger">حذف</a>
                    </div>
                </div>
            </div>
        @endforeach
    @else
        <h1>لا توجد اى صوره متحركه</h1>
    @endif


</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/store-slider') }}" method="POST" enctype="multipart/form-data">
                @csrf
                <div class="modal-body">
                    <label>الاسم باللغه العربيه</label>
                    <input type="text" class="form-control" name="Name"><br>
                    <label>الصوره</label>
                    <input type="file" class="form-control" name="Photo"><br>
                    <label>الاسم باللغه الانجليزيه</label>
                    <input type="text" class="form-control" name="Name_en"><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')