@extends('layouts.metronic')

@section('content')
<div class="portlet light bordered">
    

    <div class="portlet-title">
        <div class="caption font-dark">
            
            <span class="caption-subject bold uppercase"><i class="fa fa-edit"></i> {{ (!empty($room))?'Editare':'Adăugare' }} Camera</span>
        </div>            
    </div>

    <div class="panel-body">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div class="row">
                <form method="POST" action="{{ route('room.save') }}"> 
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">                        
                    
                    @if (!empty($room))    
                        <input type="hidden" name="id" value="{{ $room->id }}">
                    @endif

                    <div class="form-group">
                        <label for="name">Nume</label>
                        <input type="text" class="form-control" id="name" name="name" value="{{ (!empty($room))?$room->name:'' }}" required autofocus />
                    </div>

                    <div class="form-group">
                        <div class="col-md-6">
                            <a href="{{ route('terminal_group.edit', $room->terminal_group_id) }}">
                                <button type="button" class="btn btn-danger">                            
                                    <i class="fa fa-close" aria-hidden="true"></i> Închide
                                </button>
                            </a>
                        </div>

                        <div class="col-md-6">
                            <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-save" aria-hidden="true"></i> Salvează</button>
                        </div>
                    </div>
                </form>
            </div>
         </div>   
        <div class="col-md-3"></div>
    </div>
</div>

@if (!empty($room))
<span class="input-group-btn">
    <a id="lfmPictures" data-input="thumbnailPictures" data-preview="holder" class="btn btn-secondary">
        <i class="fa fa-upload"></i> Încarcă poză 
    </a>
    <input id="thumbnailPictures" class="form-control" type="hidden" onchange="onUrlChanged(this)">
</span>
<br>

<div class="tabbable-custom nav-justified">
    <ul class="nav nav-tabs nav-justified">
        <li class="active">
            <a href="#contentTab" data-toggle="tab">  <b> Poze </b></a>
        </li>
        
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="contentTab">
            @include('room_edit_pictures')
        </div>
        
    </div>
</div>
@endif

@endsection


@section('scripts')  
<script src="/vendor/laravel-filemanager/js/lfm.js"></script>
<script>
    $('#lfmPictures').filemanager('images');    

    @if (!empty($room))

        function onUrlChanged(element) {
            location.replace("{{ route('room.addPicture', $room->id) }}?url=" + element.value);
        }    
    @endif
</script>
@stop
@section('menuVariables')
    var menuItemName = "menuTerminalGroups";
    var submenuItemName = "";
@stop