@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">

        @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif

        <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-9" >
                  <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-3">
                <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; border-style: none none solid none; border-color: #EEEEEE;" >
                    <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}}</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; border-style: none none solid none; border-color: #EEEEEE;">
                <div class="col-md-1"></div>
                <a href="{{ route('faq.edit.question', [$question->id]) }}" style="color: #cc3399 !important;"> 
                  <div class="col-md-10">{{$question->question}}</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