@extends('layouts.list')

@section('title')
{{ config('app.name') }} Backend | Hotel
@endsection

@section('breadcrumb')
<li class="breadcrumb-item" aria-current="page"><a href="javascript:void(0);">Master Data</a></li>
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Hotel</a></li>
@endsection

@section('tableform')
<div class="table-form">
    <x-forms.add :url="route('hotel-add')" />
</div>
@endsection

@section('table_order_column') 1 @endsection
@section('table_order_sort')'asc'@endsection
@section('table_column_defs')
{ "width": "200", "targets": 0 },
{ "width": "150", "targets": 3 },
{ "width": "100", "targets": 4 }
@endsection

@section('tablecontent')
<table id="style-3" class="table style-3 table-hover">
    <thead>
        <tr>
            <th>Photo</th>
            <th>Name</th>
            <th>Star</th>
            <th>Created at</th>
            <th class="text-center dt-no-sorting">Action</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($hotel as $row)
        <tr>
            <td><img src="{{ config('app.frontend_url') . '/images/hotel/'.$row->cover_media }}"></td>
            <td>{{ $row->name }}</td>
            <td>
                <span class="hotel-star">
                    @for ($i = 0; $i < $row->rating; $i++)
                        <i class="fa fa-star"></i>
                    @endfor
                    @for ($r = 0; $r < (5-$row->rating); $r++)
                        <i class="far fa-star"></i>
                    @endfor
                </span>
            </td>
            <td data-sort="@date($row->created_at, "Y-m-d H:i:s")">@date($row->created_at, "d M Y H:i")</td>
            <td class="text-center">
                <ul class="table-controls">
                    <li><a href="{{ route('hotel-detail', $row->id) }}" class="bs-tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="View"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye p-1 br-6 mb-1"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg></a></li>
                    <li><a href="{{ route('hotel-edit', $row->id) }}" class="bs-tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="Edit"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit-2 p-1 br-6 mb-1"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"></path></svg></a></li>
                    <li>
                        <form class="d-inline" method="POST" action="{{ route('hotel-delete', $row->id) }}">
                            @csrf
                            @method('DELETE')
                            <a href="javascript:void(0);" class="bs-tooltip delete-confirm" data-toggle="tooltip" data-placement="top" title="" data-original-title="Delete"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash p-1 br-6 mb-1"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg></a>
                        </form>
                    </li>
                </ul>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
@endsection