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

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

                        <div class="row">
                            <div class="col-md-9">

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

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

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

                                <div class="form-group">
                                    <label for="carbo_proc">Procent Carbohidrați</label>
                                    <input type="text" class="form-control" name="carbo_proc" id="carbo_proc" value="{{ (!empty($food_style))?$food_style->carbo_proc:'' }}" required>
                                </div>

                                <div class="form-group">
                                    <label for="fat_proc">Procent Grăsimi</label>
                                    <input type="text" class="form-control" name="fat_proc" id="fat_proc" value="{{ (!empty($food_style))?$food_style->fat_proc:'' }}" required>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label for="name">Imagine</label>                                    
                                    <div class="vertical-input-group">
                                        <span class="input-group" style="width:100px;">
                                            <a id="lfmBackground" data-input="thumbnailBackground" data-preview="holderBackground" class="btn btn-primary" style="width:300px;">
                                            <i class="fa fa-file"></i> Alege
                                            </a>
                                        </span>
                                        <img id="holderBackground" class="input-group" 
                                            src="{{ (!empty($food_style))?$food_style->picture:asset('layout/no-image.jpg') }}" style="width:300px;" required/>
                                        <input id="thumbnailBackground" class="form-control" type="text" name="picture" value="{{ (!empty($food_style))?$food_style->picture:asset('layout/no-image.jpg') }}" style="height:0px;opacity:0;cursor: context-menu;"  required >
                                        
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6">
                                <a href="{{ route('food_styles') }}">
                                    <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>
@endsection

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

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