@extends('admin.layout.main')

@section('content')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
<div class="m-content">
<div class="row">
<div class="col-lg-12">
<div class="m-portlet">
<div class="m-portlet__head">
<div class="m-portlet__head-caption">
<div class="m-portlet__head-title">
<span class="m-portlet__head-icon m--hide"><i class="la la-gear"></i></span>
<h3 class="m-portlet__head-text">مشاهدة صور {{$room->title}}</h3>
</div>
</div>
</div>

<div class="m-portlet__body">
<div class="row">
<div class="col-md-12 text-right">
<a href="{{url('admin/room_images/create/'.$room->id)}}" class="btn btn-primary"><i class="fa fa-plus"></i> اضافة صور</a>

</div>
</div>
<hr />
<div class="row">
@foreach ($images as $slider)
<div class="col-sm-4">
<div class="slider_solo">
<img src="{{asset($slider->image)}}" />
<div class="action_btns">
<input type="number" name="order" value="{{$slider->iorder}}" class="d-inline form-control sorting_field_action" 
style="width:75px; height:35px;" data-url="{{url('admin/order_rimages/'.$slider->id)}}" />
<a href="{{route('room_images.edit', $slider->id)}}" class="btn btn-info btn-sm"><i class="fa fa-edit"></i> تعديل</a>
<a data-toggle="modal" href="#myModalOD-{{ $slider->id }}" class="btn btn-warning btn-sm"><i class="fa fa-sort"></i> ترتيب</a>
@if(count($images) > 1)
<a data-toggle="modal" href="#myModal-{{ $slider->id }}" class="btn btn-danger btn-sm"><i class="fa fa-trash-o"></i> مسح</a>
@endif
</div>

<div class="modal fade" id="myModal-{{ $slider->id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<form role="form" action="{{ url('/admin/room_images/'.$slider->id) }}" class="" method="POST">
<input name="_method" type="hidden" value="DELETE">
{{ csrf_field() }}
<p>هل انت متأكد ؟</p>
<button type="submit" class="btn btn-danger" name='delete_modal'><i class="fa fa-trash" aria-hidden="true"></i> مسح</button>
</form>
</div>
</div>
</div>
</div>
                    
</div>
</div>
@endforeach
</div>
</div>

</div>
</div>
</div>
</div>
</div>
@endsection