@extends('layouts.metronic')

@section('content')
<style>
    .vertical-input-group .input-group:first-child {
    padding-bottom: 0;
}
.vertical-input-group .input-group:first-child * {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;    
}
.vertical-input-group .input-group:last-child {
    padding-top: 0;
}
.vertical-input-group .input-group:last-child * {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.vertical-input-group .input-group:not(:last-child):not(:first-child) {
    padding-top: 0;
    padding-bottom: 0;
}
.vertical-input-group .input-group:not(:last-child):not(:first-child) * {
    border-radius: 0;
}  
.vertical-input-group .input-group:not(:first-child) * {
    border-top: 0;
}
    </style>
<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($terminal_group))?'Editare':'Adăugare' }} Hotel</span>
            </div>            
        </div>

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

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

                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="name">Locatie</label>
                                        <input type="text" class="form-control" id="location" name="location" value="{{ (!empty($terminal_group))?$terminal_group->location:'' }}" required />
                                    </div>
                                </div>                      
                            </div>

                            <div class="form-group">
                                <label for="name">Descriere</label>
                                <textarea type="text" class="form-control" id="description" name="description" value="" required>{{ (!empty($terminal_group))?$terminal_group->description:'' }}</textarea>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="name">Api URL</label>
                                        <input type="text" class="form-control" id="api_url" name="api_url" value="{{ (!empty($terminal_group))?$terminal_group->api_url:'' }}" required />
                                    </div>

                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="name">Api Username</label>
                                        <input type="text" class="form-control" id="api_username" name="api_username" value="{{ (!empty($terminal_group))?$terminal_group->api_username:'' }}" required />
                                    </div>

                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="name">Api Password</label>
                                        <input type="text" class="form-control" id="api_password" name="api_password" value="{{ (!empty($terminal_group))?$terminal_group->api_password:'' }}" required />
                                    </div>
                                </div>                     
                            </div>

                            <div class="row">
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label for="name">Department Code <span style="font-size: 12px;">(cod metoda de plata)</span></label>
                                        <input type="text" class="form-control" id="departmentCode" name="departmentCode" value="{{ (!empty($terminal_group))?$terminal_group->departmentCode:'' }}" required />
                                    </div>

                                </div>
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label for="name">Deposit Department <span style="font-size: 12px;">(cod avans cazare)</span></label>
                                        <input type="text" class="form-control" id="depositDepartment" name="depositDepartment" value="{{ (!empty($terminal_group))?$terminal_group->depositDepartment:'' }}" required />
                                    </div>
                                </div>                      
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="name">Cod Camera Pregătită</label>
                                        <input type="text" class="form-control" id="ready_room_status_code" name="ready_room_status_code" value="{{ (!empty($terminal_group))?$terminal_group->ready_room_status_code:'' }}" required />
                                    </div>
                                </div>                      
                            </div>

                            

                            <div class="card">
                                <div class="card-header">
                                    Adresă
                                </div>
                                <div class="card-body center-block" >
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="name">Strada</label>
                                                <input type="text" class="form-control" id="address_street" name="address_street" value="{{ (!empty($terminal_group))?$terminal_group->address_street:'' }}" required autofocus />
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="name">Oras</label>
                                                <input type="text" class="form-control" id="address_city" name="address_city" value="{{ (!empty($terminal_group))?$terminal_group->address_city:'' }}" required autofocus />
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="name">Judet</label>
                                                <input type="text" class="form-control" id="address_county" name="address_county" value="{{ (!empty($terminal_group))?$terminal_group->address_county:'' }}" required autofocus />
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="name">Latitudine</label>
                                                <input type="text" class="form-control" id="address_latitude" name="address_latitude" value="{{ (!empty($terminal_group))?$terminal_group->address_latitude:'' }}" required autofocus />
                                            </div>
                                        </div>

                                        <div class="col-md-2">
                                            <div class="form-group">
                                                <label for="name">Longitudine</label>
                                                <input type="text" class="form-control" id="address_longitude" name="address_longitude" value="{{ (!empty($terminal_group))?$terminal_group->address_longitude:'' }}" required autofocus />
                                            </div>
                                        </div>
                                        
                                    </div>

                                    
                                    

                                    
                                    
                                </div>
                            </div>



                            <div class="form-group">
                                <label for="name">Screensaver</label>                                    
                                <div class="input-group">
                                    <span class="input-group-btn">
                                        <a id="lfmScreesaver" data-input="thumbnail" data-preview="holder" class="btn btn-primary">
                                        <i class="fa fa-file"></i> Alege
                                        </a>
                                    </span>
                                    <input id="thumbnail" class="form-control" type="text" name="screensaver" value="{{ (!empty($terminal_group))?$terminal_group->screensaver:null }}" required>
                                </div>
                            </div>

                            

                            <div class="form-group">
                                <div class="col-md-6">
                                    <a href="{{ route('terminal_groups') }}">
                                        <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>
                       
                    </div>
                    <div class="col-md-8">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="name">Logo</label>                                    
                                    <div class="vertical-input-group">
                                        <span class="input-group" style="width:100%">
                                            <a id="lfmLogo" data-input="thumbnailLogo" data-preview="holderLogo" class="btn btn-primary" style="width:100%">
                                            <i class="fa fa-file"></i> Alege
                                            </a>
                                        </span>
                                        <img id="holderLogo" class="input-group" src="{{ (!empty($terminal_group))?$terminal_group->logo:null }}" style="width:100%" required/>
                                        <input id="thumbnailLogo" class="form-control" type="text" name="logo" value="{{ (!empty($terminal_group))?$terminal_group->logo:null }}" style="height:0px;opacity:0;cursor: context-menu;"   required>
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="name">Background</label>                                    
                                    <div class="vertical-input-group">
                                        <span class="input-group" style="width:100%">
                                            <a id="lfmBackground" data-input="thumbnailBackground" data-preview="holderBackground" class="btn btn-primary" style="width:100%">
                                            <i class="fa fa-file"></i> Alege
                                            </a>
                                        </span>
                                        <img id="holderBackground" class="input-group" src="{{ (!empty($terminal_group))?$terminal_group->background:null }}" style="width:100%" required/>
                                        <input id="thumbnailBackground" class="form-control" type="text" name="background" value="{{ (!empty($terminal_group))?$terminal_group->background:null }}" style="height:0px;opacity:0;cursor: context-menu;"  required >
                                        
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="name">Indicatii Check-In</label>                                    
                                    <div class="vertical-input-group">
                                        <span class="input-group" style="width:100%">
                                            <a id="lfmCheckin" data-input="thumbnailCheckin" data-preview="holderCheckin" class="btn btn-primary" style="width:100%">
                                            <i class="fa fa-file"></i> Alege
                                            </a>
                                        </span>
                                        <img id="holderCheckin" class="input-group" src="{{ (!empty($terminal_group))?$terminal_group->check_in_indication:null }}" style="width:100%" required/>
                                        <input id="thumbnailCheckin" class="form-control" type="text" name="check_in_indication" value="{{ (!empty($terminal_group))?$terminal_group->check_in_indication:'' }}" style="height:0px;opacity:0;cursor: context-menu;"  required >
                                        
                                        
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="name">Imagine pentru Mobil</label>                                    
                                    <div class="vertical-input-group">
                                        <span class="input-group" style="width:100%">
                                            <a id="lfmGenericImage" data-input="thumbnailGenericImage" data-preview="genericImage" class="btn btn-primary" style="width:100%">
                                            <i class="fa fa-file"></i> Alege
                                            </a>
                                        </span>
                                        <img id="genericImage" class="input-group" src="{{ (!empty($terminal_group))?$terminal_group->generic_hotel_image:null }}" style="width:100%" required/>
                                        <input id="thumbnailGenericImage" class="form-control" type="text" name="generic_hotel_image" value="{{ (!empty($terminal_group))?$terminal_group->generic_hotel_image:'' }}" style="height:0px;opacity:0;cursor: context-menu;"  required >
                                        
                                        
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            
        </form>    
    </div>
</div>

@if (!empty($terminal_group))
<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('terminal_groups_edit_pictures')
        </div>
        
    </div>
</div>
@endif

@if (!empty($terminal_group))
    <div class="tabbable-custom nav-justified">
        <ul class="nav nav-tabs nav-justified">
            <li class="active">
                <a href="#infoTab" data-toggle="tab"> <b> Informații </b></a>
            </li>
            <li>
                <a href="#terminalsTab" data-toggle="tab"> <b> Terminale</b></a>
            </li>
            <li>
                <a href="#roomsTab" data-toggle="tab"> <b> Camere</b></a>
            </li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="infoTab">
                @include('terminal_group_edit_infos')
            </div>
            <div class="tab-pane" id="terminalsTab">
                @include('terminal_group_edit_terminals', ['title' => "terminale"])
            </div>

            <div class="tab-pane" id="roomsTab">
                @include('terminal_group_edit_rooms', ['title' => "camere"])
            </div>
        </div>
    </div>
@endif

@section('scripts')  
<script src="/vendor/laravel-filemanager/js/lfm.js"></script>
<script>
    $('#lfmScreesaver').filemanager('files'); 
    $('#lfmLogo').filemanager('images'); 
    $('#lfmBackground').filemanager('images'); 
    $('#lfmCheckin').filemanager('images'); 
    $('#lfmGenericImage').filemanager('images'); 
    

    $('#lfmPictures').filemanager('images'); 

    
    

    @if (!empty($terminal_group))

        var nameItems = "terminale";

        CreateTable($("#"+nameItems+"Table"));   
        var tableToAdd = CreateTableForSelect($("#"+nameItems+"TableToAdd"));
    
    
        $('#'+nameItems+'TableToAdd tbody').on( 'click', 'tr', function () {
            $(this).toggleClass('selected');
        } );

        $('#'+nameItems+'AddButton').click( function () {

            var itemsToAdd = [];

            tableToAdd.rows('.selected').every( function ( rowIdx, tableLoop, rowLoop ) {
                itemsToAdd.push(this.data()[0]);
            });

            $.get( "{{ route('terminal_group.add.terminal', $terminal_group->id) }}", { id: itemsToAdd }).done(function( data ) {    
                document.location.href="{!! route('terminal_group.edit', [$terminal_group->id]); !!}";
            });
        });


        function onUrlChanged(element) {
            location.replace("{{ route('terminal_group.addPicture', $terminal_group->id) }}?url=" + element.value);
        }    
    @endif
</script>
@stop

@endsection

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