@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($category))?'Editare':'Adăugare' }} Categorie</span>
        </div>            
    </div>

    <div class="panel-body">
        @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        <div class="col-md-2"></div>
        <div class="col-md-8">
            <div class="row">
                <form method="POST" action="{{ route('info.categories.save') }}"> 
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">                        
                    
                    @if (!empty($category))    
                        <input type="hidden" name="id" value="{{ $category->id }}">
                    @endif

                    <div class="form-group">
                        <label><b>Hotel</b></label>
                        <select id="terminal_group_id" name="terminal_group_id" class="form-control" required>
                            @foreach ($hotels as $hotel)
                                <option value="{{ $hotel->id }}" {{ (!empty($category) && $category->terminal_group_id==$hotel->id)?'selected':'' }}>{{ $hotel->name }}</option>
                            @endforeach                                    
                        </select>
                    </div>
                    

                    <div class="form-group">
                        <label><b>Titlu</b></label>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="input-group">
                                    <span class="input-group-btn">
                                        <a class="btn" style="background-color:gray;color: white;">RO</a>
                                    </span>
                                    <input type="text" class="form-control" id="title_ro" name="title_ro"
                                        value="{{ (!empty($category))?$category->title_ro:'' }}" required autofocus>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-group">
                                    <span class="input-group-btn">
                                        <a class="btn" style="background-color:gray;color: white;">EN</a>
                                    </span>
                                    <input type="text" class="form-control" id="title_en" name="title_en"
                                        value="{{ (!empty($category))?$category->title_en:'' }}" required>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- <div class="form-group row">
                        <div class="col-md-12">
                            <label for="name"><b>Iconiță</b></label>                                    
                            <div class="input-group">
                            <span class="input-group-btn">
                                <a id="lfm" 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="url" value="{{ (!empty($category))?$category->icon:'' }}">
                            </div>
                        </div>
                    </div>       -->
                    <input type="hidden" id="url" name="url" value="{{ (!empty($category))?$category->icon:'' }}">
                    

                    <div class="form-group">
                        <label><b>Iconiță</b></label>                        
                        <div class="btn-group" >
                            <button type="button" class="btn btn-default iconpicker-component"><i
                                style="width: 60px;"    class="{{ (!empty($category))?$category->icon:'' }}"></i></button>


                            <button data-selected="graduation-cap" type="button" id="iconPicker"
                                class="btn btn-primary dropdown-toggle iconpicker-component" data-toggle="dropdown">
                                <span class="caret"></span>
                            </button>
                            <div class="dropdown-menu"></div>
                        </div>                        
                    </div>
                    
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <a href="{{ route('info.categories') }}">
                                <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($category))
    @include('info_categories_edit_infos')
@endif

@endsection

@section('head')  
<link href="{{ asset('css/fontawesome-iconpicker.min.css') }}" rel="stylesheet" type="text/css">
<link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet">
@endsection

@section('scripts')  
<script src="/vendor/laravel-filemanager/js/lfm.js"></script>
<script src="{{ asset('js/fontawesome-iconpicker.min.js') }}"  type="text/javascript"></script>

<script>   
    $('#lfm').filemanager('images');
    $('#iconPicker').iconpicker({});
    $('#iconPicker').on('iconpickerSelected', function (e) {
        $('#url').val(e.iconpickerValue);
    });
</script>
@endsection

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