@extends('layouts.metronic')

@section('content')   
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption font-dark">                
                <i class="fa fa-table"></i>
                <span class="caption-subject bold uppercase">Imagini tipuri camere</span>
            </div>            
        </div>
        <div class="portlet-body">
            <div class="table-toolbar">
                <form id="filterForm" method="POST" action="{{ route('fidelio_images') }}"> 
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <div class="row">                       
                        <div class="col-md-3">
                            <div class="form-group">
                            <label><b>Hotel</b></label>
                            <select id="hotel_id" name="hotel_id" class="form-control" required>
                                @foreach ($hotels as $hotel_aux)
                                    <option value="{{ $hotel_aux->id}}" {{ ($hotel_aux->id == $hotel->id)?'selected':'' }}>{{ $hotel_aux->name }}</option>
                                @endforeach                                    
                            </select>
                        </div>
                            
                        </div>
                        <div class="col-md-1">
                            <label for="id_service">&nbsp;</label>
                            <div class="input-group">
                                <button type='submit' name='action' value="filter" class="btn sbold green">
                                    <i class="fa fa-filter"></i>
                                     Filtrează
                                </button>
                            </div>
                        </div>                        
                    </div>
                </form>                
            </div>              

            <div class="row">
                
                <div class="col-md-6">
                    <div class="caption font-dark">                
                        <span class="caption-subject bold uppercase">Tipuri camere Fidelio</span>
                    </div>            
                    <table  class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>Cod</th>
                                <th>Tip cameră</th>
                                <th style="text-align: center"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($fidelio_images as $fidelio_image)
                                <tr class="gradeX odd" role="row">
                                
                                    <td>{{ $fidelio_image->RoomTypeShortDesc }}</td>
                                    <td>{{ $fidelio_image->RoomTypeLongDesc }}</td>
                                    <th style="text-align: center">
                                    <div class="col-md-4">
                                        <form method="POST" action="{{ route('fidelio_image.addImage', $hotel->id) }}"> 
                                            <input type="hidden" name="_token" value="{{ csrf_token() }}">                        
                                            <input type="hidden" name="RoomTypeShortDesc" value="{{ $fidelio_image->RoomTypeShortDesc }}">
                                            <input type="hidden" name="RoomTypeLongDesc" value="{{ $fidelio_image->RoomTypeLongDesc }}">

                                            <div class="form-group">
                                                <label for="name"></label>                                    
                                                <div class="vertical-input-group">
                                                    <span class="input-group" style="width:100%">
                                                        <a id="lfm{{ $fidelio_image->RoomTypeShortDesc }}" data-input="thumbnail{{ $fidelio_image->RoomTypeShortDesc }}" data-preview="holder{{ $fidelio_image->RoomTypeShortDesc }}" class="btn btn-primary" style="width:100%">
                                                        <i class="fa fa-file"></i> Alege
                                                        </a>
                                                    </span>
                                                    <img id="holder{{ $fidelio_image->RoomTypeShortDesc }}" class="input-group" src="{{ (!empty($fidelio_image))?$fidelio_image->image:null }}" style="width:100%" required/>
                                                    <input id="thumbnail{{ $fidelio_image->RoomTypeShortDesc }}" class="form-control" type="text" name="fidelio_image" value="{{ (!empty($fidelio_image))?$fidelio_image->image:null }}" style="height:0px;opacity:0;cursor: context-menu;" onchange="submit();" required >
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    </th>
                                </tr>
                            @endforeach    
                        </tbody>       
                    </table>            
                </div>

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

@section('scripts')  
<script src="/vendor/laravel-filemanager/js/lfm.js"></script>
<script>
    @foreach ($fidelio_images as $fidelio_image)
        $('#lfm{{ $fidelio_image->RoomTypeShortDesc }}').filemanager('images'); 
    @endforeach
    
</script>
@endsection

@section('menuVariables')
    var menuItemName = "menuFidelioImages";
    var submenuItemName = "";
@stop