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

    <form method="POST" action="{{ route('offer_category.save') }}"> 
        <input type="hidden" name="_token" value="{{ csrf_token() }}">                        
        
        @if (!empty($offer_category))    
            <input type="hidden" name="id" value="{{ $offer_category->id }}">
        @endif

        <div id="togglePanel" 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">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>  
                                <a data-toggle="tooltip" title="<img width='800px'  src='{{ asset('layout/HINT - Box OfertePaginaPrincipala.png') }}' />">Subtitlu</a>
                            </label>

                            <input type="text" maxlength="34" class="form-control" id="subtitle" name="subtitle" value="{{ (!empty($offer_category))?$offer_category->subtitle:'' }}" autocomplete="off" autofocus>
                        </div>

                        <div class="form-group">
                            <label>  
                                <a data-toggle="tooltip" title="<img width='800px' src='{{ asset('layout/HINT - Box OfertePaginaPrincipala.png') }}' />">Descriere</a>
                            </label>
                            <input type="text" class="form-control" maxlength="200" id="description" name="description" value="{{ (!empty($offer_category))?$offer_category->description:'' }}" autocomplete="off">
                        </div>

                        <div class="form-group">
                            <label>  
                                <a data-toggle="tooltip" title="<img height='500px' src='{{ asset('layout/HINT - DetaliiOferte.png') }}' />">Număr telefon</a>
                            </label>
                            <input type="text" class="form-control" id="phoneNumber" name="phoneNumber" value="{{ (!empty($offer_category))?$offer_category->phoneNumber:'' }}" autocomplete="off">
                        </div>

                        <div class="form-group">
                            <label>  
                                <a data-toggle="tooltip" title="<img height='500px' src='{{ asset('layout/HINT - DetaliiOferte.png') }}' />">Detalii</a>
                            </label>
                            <input type="text" maxlength="200" class="form-control" id="details" name="details" value="{{ (!empty($offer_category))?$offer_category->details:'' }}" autocomplete="off">
                        </div>
                    </div>

                    <div class="col-md-6">                       
                        <div class="form-group">
                            <label>  
                                <a data-toggle="tooltip" title="<img width='800px' src='{{ asset('layout/HINT - Banner Oferte.png') }}' />">Titlu Link</a>
                            </label>
                            
                            <input type="text" maxlength="20" class="form-control" id="link_title" name="link_title" value="{{ (!empty($offer_category))?$offer_category->link_title:'' }}" autocomplete="off">
                        </div>

                        <div class="form-group">
                            <label>  
                                <a data-toggle="tooltip" title="<img width='800px' src='{{ asset('layout/HINT - Banner Oferte.png') }}' />">Descriere Link</a>
                            </label>
                            <input type="text" maxlength="120" class="form-control" id="link_description" name="link_description" value="{{ (!empty($offer_category))?$offer_category->link_description:'' }}" autocomplete="off">
                        </div>

                        <div class="form-group">
                            <label>  
                                <a data-toggle="tooltip" title="<img width='800px' src='{{ asset('layout/HINT - Banner Oferte.png') }}' />">Link Icon</a>
                            </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="link_iconPath" value="{{ (!empty($offer_category))?$offer_category->link_iconPath:'' }}">
                            </div>
                            <div class="input-group">
                                <br>
                                <img id="holder" height="200px" src="{{ (!empty($offer_category))?$offer_category->link_iconPath:'' }}" autocomplete="off">
                            </div>
                        </div>
                       
                    </div>                       
                </div>

                <div class="row">
                    <div class="form-group">
                        <div class="col-md-6">
                            <a href="{{ route('offer_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>
                </div>
             </div>   
            <div class="col-md-3"></div>
        </div>
        
    </form>
</div>

@if (!empty($offer_category))
    @include('offer_category_edit_offers')
@endif

@endsection

@section('head')  
<style>
    .tooltip-inner {
        max-width: 100% !important;
    }

.tooltip-main {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 700;
  background: #f3f3f3;
  border: 1px solid #737373;
  color: #737373;
  margin: 4px 121px 0 5px;
  float: right;
  text-align: left !important;
}

.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}

.tooltip-inner {
  max-width: 100% !important;
  max-height: 100% !important;
  font-size: 12px;
  padding: 10px 15px 10px 20px;
  background: #FFFFFF;
  color: rgb(0, 0, 0, .7);
  border: 1px solid #737373;
  text-align: left;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #f00;
  /* Red */
}

</style>
@endsection


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

<script>   
    $('#lfm').filemanager('images'); 
    $('#lfm_link').filemanager('images'); 
    $('#lfm_pdf').filemanager('files'); 


     $('#togglePanel [data-toggle="tooltip"]').tooltip({
         animated: 'fade',
         placement: 'bottom',
         html: true
     });    

    $('#toggleOfferPanel [data-toggle="tooltip"]').tooltip({
        animated: 'fade',
        placement: 'bottom',
        html: true
    });

    
</script>
@endsection

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