@extends('User.Layout.main_layout') 	
@section('title','Show Agreement')
@section('main_container')

<!-- partial -->
<div class="main-panel">          
        <div class="content-wrapper">
          <div class="page-header">
            <h3 class="page-title">
              Ageement
            </h3>
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Agreement</li>
              </ol>
              <!-- <a href="{{ route('users.create') }}" class="btn btn-primary  btn-block-sm" >Download Handbook</a> -->
              <button class="btn btn-primary  btn-block-sm hidden-print" value="click"
                    onclick="printDiv()"> Download Handbook</button>
            </nav>
            
          </div>
          <div class="row">
            <div class="col-lg-12">
              <div class="card">
                <div class="card-body">
                @if(!$agreement_show ->isEmpty())
                    @foreach($agreement_show  as $data)
                  <div class="faq-section">
                    <div class="container-fluid bg-success py-2">
                      <p class="mb-0 text-white">Agreement</p>
                    </div>
                    <div id="accordion-1" class="accordion">
                      <div class="card">
                        <div class="card-header" id="headingOne">
                          <h5 class="mb-0">
                            <div class="card-body" id="GFG">
                            {!! $data->description !!}
                            </div>
                          </h5>
                        </div>
                      </div>
                    </div>
                  </div>
                  @endforeach  
                    @else
                    <p class="text-danger mt-2" style="padding-left:450px;">No Data Available</p>
                    @endif
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- content-wrapper ends -->

@endsection