@extends('layout.basic_front')

@section("content")

</br></br></br></br></br></br></br>
        <div id="content" role="main">
                         
                 <div class="tp-caption rev-subtitle subtitle_text" style="z-index: 10;text-align:center;width:100%;">
                    <h2 class="title-underblock custom text-uppercase text-center">{{trans("qna.title")}}</h2>
                </div>                     
                    <img id="title_img" style ="width:100%;height:100px;" src="{{asset('images/imgs/background.jpg')}}">
          
        </div><!-- End .page-header -->    

            <div class="container">
                <div class="row" style="width:100%; margin:0;">
                    <div class="col-md-9 col-md-push-3">
                            <div class="panel-group" role="tablist" aria-multiselectable="true">


                                                        @for($num=1; $num <= $last_num ; $num++)

                                @if($num==1 || $num == $last_num)
                                <!--foreach first-->
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingOne5" >
                                        <h4 class="panel-title">
                                            <a id="qa" class="qa"  data-toggle="collapse" href="#{{$cate_name.$num}}" aria-expanded="true" aria-controls="{{$cate_name.$num}}" style="background-color:#fff;">
                                                <div class="qa-q-col">
                                                  <i class="fa fa-qa">&nbsp;</i>
                                                </div>
                                                <span class="qa-a-col" style="bottom:0px;position:relative">{{trans("qna.".$cate_name.'q'.$num)}}</span>
                                            </a>
                                        </h4>
                                    </div><!-- End .panel-heading -->
                                    <div id="{{$cate_name.$num}}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne5" style="background-color:#00739B;">
                                        <div class="panel-body">
                                          <div class="raw">
                                            <div class="col-xs-2" style="border-right: solid 3px #fff;text-align:center">
                                              <i class="fa fa-qa-a"></i>
                                            </div>
                                              <div class="col-xs-10" style="margin-top:2%;"> <p style="margin:0 0 0; color:white;font-size:15px">{{trans("qna.".$cate_name.'a'.$num)}}</p>
                                            </div>
                                          </div>
                                        </div><!-- End .panel-body -->
                                    </div><!-- End .panel-collapse -->
                                </div><!-- End .panel -->
                                <!--foreach-->
                                @else
                                 <!--foreach after first-->
                                <div class="panel panel-default">
                                    <div class="panel-heading" role="tab" id="headingTwo5">
                                        <h4 class="panel-title">
                                            <a id="qa" class="collapsed qa" data-toggle="collapse" href="#{{$cate_name.$num}}" aria-expanded="false" aria-controls="{{$cate_name.$num}}" style="background-color:#fff">
                                                <div class="qa-q-col">
                                                  <i class="fa fa-qa-close">&nbsp;</i>
                                                </div>
                                                <span class="qa-a-col" style="bottom:0px;position:relative">{{trans("qna.".$cate_name.'q'.$num)}}</span>
                                            <!--span class="panel-icon"></span-->
                                            </a>
                                        </h4>
                                    </div><!-- End .panel-heading -->
                                    <div id="{{$cate_name.$num}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo5" style="background-color:#00739B">
                                        <div class="panel-body">
                                          <div class="raw">
                                            <div class="col-xs-2" style="border-right: solid 3px #fff;text-align:center">
                                              <i class="fa fa-qa-a"></i>
                                            </div>
                                              <div class="col-xs-10" style="margin-top:2%;"> <p style="margin:0 0 0; color:white;font-size:15px">{{trans("qna.".$cate_name.'a'.$num)}}</p>
                                            </div>
                                          </div>
                                        </div><!-- End .panel-body -->
                                    </div><!-- End .panel-collapse -->
                                </div><!-- End .panel -->
                                @endif

                            @endfor



                            </div><!-- End .panel-group -->

                    </div><!-- End .col-md-9 -->

                    <div class="mb60 clearfix visible-sm visible-xs"></div><!-- space -->

                    <aside class="col-md-3 col-md-pull-9 sidebar" role="complementary" style="background-color:#00739B; height:100%">

                        <div class="widget" style="margin-bottom:10%;">
                            <!--h3>Categories</h3-->
                            <ul class="links" style="list-style:none;padding-top:10%">
                                <li style="border-bottom:0; font-color:#fff"><a href="" style="color:#fff">{{trans("qna.cate_1")}}</a></li>
                                <li style="border-bottom:0; font-color:#fff"><a href="" style="color:#fff">{{trans("qna.cate_2")}}</a></li>
                                <li style="border-bottom:0; font-color:#fff"><a href="" style="color:#fff">{{trans("qna.cate_3")}}</a></li>
                                <li style="border-bottom:0; font-color:#fff"><a href="" style="color:#fff">{{trans("qna.cate_4")}}</a></li>
                            </ul>
                        </div><!-- End .widget -->

                    </aside><!-- End .col-md-3 -->

                </div><!-- End .row -->
            </div><!-- End .container -->

@stop