@extends('layouts.default')
@section('content')
<style type="text/css">
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
.faqHeader {
    font-size: 27px;
    margin: 20px;
}

.panel-heading [data-toggle="collapse"]:after {
    font-family: 'FontAwesome';
    content: "\f078"; /* "play" icon */
    float: right;
    color: #F58723;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
/*    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); */
}

.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
/*    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); */
    color: #454444;
}
</style>
<div class="right_col" role="main">
    <div class="">
      <div class="page-title">
          <div class="title_left">
            <h3>Approve Policy FAQ</h3>
          </div>
      </div>
    <div class="x_panel">
        <div class="x_content">
    <div class="panel-group" id="accordion">
        @foreach($policy_faq as $k=>$policy)

        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#{{$k}}">Q: {{$policy->question}}</a>

                    @if($policy->status == 'approved')
                    <a href="" class="btn btn-primary btn-xs"  style="float:right" disabled>Approved</a>
                  @else

                  <a href="{!! url('approve_faq/'.$policy->id)!!}" class="btn btn-success btn-xs"  style="float:right">Approve</a>
                 <!--  <a href="{!! url('approve_faq/'.$policy->id)!!}" class="btn btn-warning btn-xs"  style="float:right">Dis Approve</a> -->
                @endif
                </h4>
            </div>
            <div id="{{$k}}" class="panel-collapse collapse">
                <div class="panel-body">
                  <h5><span class="label label-primary">Answer</span></h5>
                   <p>{{$policy->answer}}</p>
                </div>
            </div>
        </div>
        @endforeach

    </div>
  </div>
</div>
    <!--/panel-group-->
</div>
</div>
@stop