@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 informații</span>
            </div>            
        </div>
        <div class="portlet-body">
            <div class="table-toolbar">
                <div class="row">
                    <div class="col-md-11">
                        <form id="filterForm" method="POST" action="{{ route('info.categories') }}"> 
                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                            <div class="row">                       
                                <div class="col-md-3">
                                    <div class="form-group">
                                    <label><b>Hotel</b></label>
                                    <select id="hotel_id" name="hotel_id" class="form-control" required>
                                        <option value="0" {{ (0 == $hotel_id)?'selected':'' }}>Toate hotelurile</option>
                                        @foreach ($hotels as $hotel)
                                            <option value="{{ $hotel->id}}" {{ ($hotel->id == $hotel_id)?'selected':'' }}>{{ $hotel->name }}</option>
                                        @endforeach                                    
                                    </select>
                                </div>
                                    
                                </div>
                                <div class="col-md-1">
                                    <label for="id_service">&nbsp;</label>
                                    <div class="input-group">
                                        <button type='submit' name='action' value="filter" class="btn sbold green">
                                            <i class="fa fa-filter"></i>
                                            Filtrează
                                        </button>
                                    </div>
                                </div>                        
                            </div>
                        </form>   
                    </div>

                    <div class="col-md-1">
                        <div class="btn-group">
                            <a href="{{ route('info.categories.add') }}" >
                                <button id="sample_editable_1_new" class="btn sbold green"> Adaugă categorie
                                    <i class="fa fa-plus"></i>                                
                                </button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>            
            <table class="table table-striped table-bordered table-hover order-column" id="mainTable">
                <thead>
                    <tr>
                        <th width="1px"></th>
                        <th width="50px">Iconiță</th>
                        <th>Titlu</th>
                        <th>Hotel</th>
                        <th  width="1"></th>
                        <th  width="1"></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($categories as $category)
                        <tr class="gradeX odd" role="row">
                            <td></td>
                            <td style="vertical-align:middle;text-align: center; "> 
                                <i class="{{ $category->icon }}" aria-hidden="true"></i>
                            </td>
                            <td style="vertical-align:middle"> {{ $category->title_ro }}</td>

                            <td style="vertical-align:middle"> {{ $category->hotel->name }}</td>
                            
                            <td>
                                <a class="btn btn-sm black" href="{{ route('info.categories.edit', [$category->id]) }}"><span style="color:blue" class="glyphicon glyphicon-edit"></span></a>
                            </td>
                            <td>
                                <a class="btn btn-sm black" data-singleton="true" data-popout="true" data-placement="left" data-toggle="confirmation" data-btn-ok-label="Da" data-btn-cancel-label="Nu" data-title="Sunteți sigur ?" href="{{ route('info.categories.delete', $category->id) }}"><span style="color:red" class="glyphicon glyphicon-trash"></span></a>
                            </td>
                        </tr>
                    @endforeach               
                </tbody>
            </table>
        </div>
    </div>    
@endsection

@section('head')  
<link href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" rel="stylesheet">
@endsection

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

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