@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">Întrebări frecvente</span>
            </div>
        </div>

        <div class="portlet-body">

            <div class="row">
                <div class="col-md-5"></div>
                <div class="col-md-2" align="center">
                    <button class="btn sbold green" type="button" data-toggle="modal"
                        data-target="#modalAddCategory">Adaugă categorie <i class="fa fa-plus"></i>
                    </button>
                </div>
                <div class="col-md-5"></div>
            </div>
            <br>

            @if (count($categories) > 0)
                @foreach ($categories as $category)
                    <div class="row" style="background-color: #E6E6E6; padding-top: 5px; padding-bottom: 5px">
                        <a href="{{ route('faq.edit.category', [$category->id]) }}" style="color: #659be0 !important;">
                            <div class="col-md-10">
                                <image src="{{ $category->icon }}" height="40"></image>
                                <span style="text-transform: uppercase">{{ $category->name }}</span> <br>
                                <font size="2"><i>Intrare meniu: {{ $category->menu_action->name }}</i> </font>
                            </div>
                        </a>
                        <div class="col-md-2">
                            <table>
                                <tbody>
                                    <tr>
                                        <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('faq.delete.category', $category->id) }}"><span
                                                    class="glyphicon glyphicon-trash"></span><br>
                                                <FONT size="1">ȘTERGE</FONT>
                                            </a>
                                        </td>
                                        <td>
                                            <a class="btn btn-sm black" href="#" data-toggle="modal"
                                                onclick="clickAddSubcategory({{ $category->id }})"
                                                data-target="#modalAddSubcategory"> <span
                                                    class="glyphicon glyphicon-plus"></span><br>
                                                <FONT size="1">SUBCATEGORIE</FONT>
                                            </a>
                                        </td>
                                        <td>
                                            <a class="btn btn-sm black" href="#" data-toggle="modal"
                                                onclick="clickAddQuestionForCategory({{ $category->id }})"
                                                data-target="#modalAddQuestion"> <span
                                                    class="glyphicon glyphicon-plus"></span><br>
                                                <FONT size="1">ÎNTREBARE</FONT>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if (count($category->subcategories) > 0)
                        @foreach ($category->subcategories as $subcategory)
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row"
                                        style="background-color: #FAFAFA; padding-top: 5px; padding-bottom: 5px">
                                        <div class="col-md-1"></div>
                                        <div class="col-md-9">
                                            <a href="{{ route('faq.edit.subcategory', [$subcategory->id]) }}"
                                                style="color: #3333cc !important;">
                                                <span style="text-transform: uppercase">{{ $subcategory->name }} </span>
                                            </a>
                                        </div>
                                        <div class="col-md-2">
                                            <table>
                                                <tbody>
                                                    <tr>
                                                        <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('faq.delete.subcategory', $subcategory->id) }}"><span
                                                                    class="glyphicon glyphicon-trash"></span><br>
                                                                <FONT size="1">ȘTERGE</FONT>
                                                            </a>
                                                        </td>
                                                        <td>
                                                            <a class="btn btn-sm black" href="#" data-toggle="modal"
                                                                onclick="clickAddQuestion({{ $subcategory->id }})"
                                                                data-target="#modalAddQuestion"> <span
                                                                    class="glyphicon glyphicon-plus"></span><br>
                                                                <FONT size="1">ÎNTREBARE</FONT>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if (count($subcategory->questions) > 0)
                                @foreach ($subcategory->questions as $question)
                                    <div class="row" style="padding-top: 5px">
                                        <div class="col-md-2"></div>
                                        <a href="{{ route('faq.edit.question', [$question->id]) }}"
                                            style="color: #cc3399 !important;">
                                            <div class="col-md-9">{{ $question->question }} {{ $question->tip != "" ? " [ " : "" }} {{  $question->tip  }}  {{ ($question->tip != "" ? " ]" : "") }} </div>
                                        </a>
                                        <div class="col-md-1">
                                            <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('faq.delete.question', $question->id) }}"><span
                                                    class="glyphicon glyphicon-trash"></span><br>
                                                <FONT size="1">ȘTERGE</FONT>
                                            </a>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="row" style="padding-top: 5px; padding-bottom: 5px">
                                    <div class="col-md-2"></div>
                                    <div class="col-md-5">
                                        Nu există întrebări
                                    </div>
                                    <div class="col-md-5"></div>
                                </div>
                            @endif
                        @endforeach
                    @else
                        <div class="row" style="padding-top: 5px; padding-bottom: 5px">
                            <div class="col-md-1"></div>
                            <div class="col-md-6">
                                Nu există subcategorii
                            </div>
                            <div class="col-md-5"></div>
                        </div>
                    @endif

                    @if (count($category->questions) > 0)
                        <div class="row" style="background-color: #FAFAFA;padding-top: 10px; padding-bottom: 10px">
                            <div class="col-md-12">
                                <font color="#659be0">Întrebari</font>
                            </div>
                        </div>
                        @foreach ($category->questions as $question)
                            <div class="row" style="background-color: #FAFAFA;padding-top: 10px; padding-bottom: 10px">
                                <div class="col-md-1"></div>
                                <!-- <a href="#" data-toggle="modal" onclick="clickEditQuestion({{ $question->id }}, '{{ $question->question }}', '{!! $question->answer !!}')" data-target="#modalAddQuestion" style="color: #3333cc !important;"> -->
                                <a href="{{ route('faq.edit.question', [$question->id]) }}"
                                    style="color: #cc3399 !important;">
                                    <div class="col-md-10">{{ $question->question }}  {{ $question->tip != "" ? " [ " : "" }} {{  $question->tip  }}  {{ ($question->tip != "" ? " ]" : "") }} </div>
                                </a>
                                <div class="col-md-1">
                                    <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('faq.delete.question', $question->id) }}"><span
                                            class="glyphicon glyphicon-trash"></span><br>
                                        <FONT size="1">ȘTERGE</FONT>
                                    </a>
                                </div>
                            </div>
                        @endforeach
                    @endif
                @endforeach
            @else
                <div class="row" style="padding-top: 5px; padding-bottom: 5px">
                    <div class="col-md-5"></div>
                    <div class="col-md-2 text-center">
                        Nu există categorii
                    </div>
                    <div class="col-md-5"></div>
                </div>
            @endif
        </div>
    </div>

    @include('faqs_add_category')
    @include('faqs_add_subcategory')
    @include('faqs_add_question')
@endsection

@section('scripts')
    <script src="/vendor/laravel-filemanager/js/lfm.js"></script>
    <script>
        function clickAddSubcategory(category) {
            $("#category_id").val(category);
        }

        function clickAddQuestion(subcategory) {
            $("#subcategory_id").val(subcategory);
        }

        function clickAddQuestionForCategory(category) {
            $("#category_id_forQuestion").val(category);
        }

        $('#lfm').filemanager('images');
    </script>
@endsection

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