@extends('admin.dashboard')

@section('admin')
    


<div class="page-content">
    <!--breadcrumb-->
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
        <div class="breadcrumb-title pe-3">معرض الصور</div>
      
        <div class="ms-auto">
            <div class="btn-group">


            </div>
        </div>
    </div>
    <!--end breadcrumb-->

    <hr/>
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table id="example" class="table table-striped table-bordered" style="width:100%">
                    <thead>
<tr>
    <th>الرقم</th>
    <th>العنوان</th>
    <th>الوصف</th>
    
    <th>الصورة</th>
    <th>الاجراء</th> 

</tr>
</thead>
<tbody>
@foreach($sliders as $key => $item)		
<tr>
    <td> {{ $key+1 }} </td>
    <td>{{ $item->slider_title }}</td>
    <td>{{ $item->short_title }}</td>

    <td> <img src="{{ asset($item->slider_image) }}" style="width: 70px; height:40px;" >  </td>

    <td>
<a href="{{route('edit.slider',$item->id)}}" class="btn btn-info">تعديل</a>
<a href="{{route('delete.slider',$item->id)}}"  id="delete" class="btn btn-danger">حذف</a>

    </td> 
</tr>
@endforeach


</tbody>
<tfoot>
<tr>
    <th>الرقم</th>
    <th>العنوان</th>
    <th>الوصف</th>
    
    <th>الصورة</th>
    <th>الاجراء</th> 
</tr>
</tfoot>
</table>
            </div>
        </div>
    </div>



</div>


@endsection