@extends('layouts.metronic')

@section('content')   
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption font-dark">                
                <i class="fa fa-table"></i>
                <span class="caption-subject bold uppercase">Categorii Oferte</span>
            </div>            
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-2">
                    <div class="portlet light bordered">
                        <div class="portlet-body">
                            <img src="{{ asset('layout/elec-img.png') }}" width="140"  style="display: block;margin:0 auto" /> 
                            <b><font color="orange" size="4">Energie Electrica</font></b><br>
                            <b>{{$categories['ELEC']->subtitle}}</b><br>

                            <span style="display: block;width: 140px;overflow: hidden;white-space: nowrap;  text-overflow: ellipsis;">{{$categories['ELEC']->description}}</span><br>

                            
                            <a type="button" href="{{route('offer_category.edit', $categories['ELEC']->id)}}" class="btn btn-circle btn-warning">Editează</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="portlet light bordered" >
                        <div class="portlet-body">
                            <div height="250px">
                                <img src="{{ asset('layout/gaz-img.png') }}" width="140" style="display: block;margin:0 auto" /> 
                                <b><font color="blue" size="4">Gaze Naturale</font></b><br>
                                <b>{{$categories['GN']->subtitle}}</b><br>
                                <span style="display: block;width: 140px;overflow: hidden;white-space: nowrap;  text-overflow: ellipsis;">{{$categories['GN']->description}}</span><br>
                                <a type="button" href="{{route('offer_category.edit', $categories['GN']->id)}}" class="btn btn-circle blue">Editează</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="portlet light bordered">
                        <div class="portlet-body">
                            <img src="{{ asset('layout/impreuna-img.png') }}" width="140" style="display: block;margin:0 auto;" /> 
                            <b><font color="green" size="4">Impreună</font></b><br>
                            <b>{{$categories['ELECGN']->subtitle}}</b><br>
                            <span style="display: block;width: 140px;overflow: hidden;white-space: nowrap;  text-overflow: ellipsis;">{{$categories['ELECGN']->description}}</span><br>
                            <a type="button" href="{{route('offer_category.edit', $categories['ELECGN']->id)}}" class="btn btn-circle green">Editează</a>
                                
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-6">                    
                    <div class="portlet light bordered" >
                        <div class="portlet-body" >  
                            <div class="row">                          
                                <div class="col-md-3">
                                    <img src="{{ asset('layout/solutii-img.png') }}" width="140"  />
                                </div>
                                <div class="col-md-6">
                                    <b><font color="purple" size="4">Soluții pentru casa ta</font></b><br>
                                    
                                    <b>{{$categories['SCT']->subtitle}}</b><br>

                                    <span style="display: block;width: 140px;overflow: hidden;white-space: nowrap;  text-overflow: ellipsis;">{{$categories['SCT']->description}}</span><br>

                                    
                                    <a type="button" href="{{route('offer_category.edit', $categories['SCT']->id)}}" class="btn btn-circle purple">Editează</a>
                                </div>
                            </div>                           
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>    
@endsection

@section('scripts')  
<script>
    window.onload = function(e){ 
        CreateTable($("#mainTable"));
    }
</script>
@endsection

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