@extends('layouts.admin.app')
@section('content')
<div class="pd-30">
        <div class="col-sm-12 col-xl-12 " style="display: flex;">
           <h4 class="tx-gray-800 mg-b-5 title" style="width: 100%;">jsf </h4>
        </div>
      </div><!-- d-flex -->
      <div class=" br-pagebody mg-t-5 pd-x-30">
        <div class="br-section-wrapper row row-sm">
           <div class="col-md-12 text-left" style="padding-top: 16px">
              <a href="jsf" class="btn btn-primary">Back</a>
          </div>
          <div class="col-sm-12 col-xl-12">
            <div class="table-responsive">
            <table id="example" class="table display responsive nowrap dataTable no-footer dtr-inline" role="grid" aria-describedby="datatable1_info">
              @if(count($jsf) > 0)
              <thead class="thead-colored">
                <tr>
                  <th class="wd-10p">ID</th>
                  <th class="wd-35p">Region</th>
                  <th class="wd-35p">CAS NO</th>
                  <th class="wd-35p">EC NO</th>
                  <th class="wd-35p">CAS Name</th>
                  <th class="wd-35p">UUID</th>
                  <th>Action</th>
                </tr>
              </thead>
              <tbody>
                @php $i = 1; @endphp
                @foreach($jsf as $key => $n)
                <tr>
                  <th scope="row">{{$i++}}</th>
                  <td>{{$n->Region->name}}</td>
                  <td>{{$n->cas_no}}</td>
                  <td>{{$n->ec_no}}</td>
                  <td>{{$n->cas_name}}</td>
                  <td>{{$n->uuid}}</td>
                  <td style="display: flex;"> 
                   <a class="btn btn-primary" target="_blank" href="jsf-view-pdf/{{base64_encode($n->id)}}" style="border-radius: 0px;color: white;border: 1px solid white;background: ">View JSF PDF</a>
                  </td>
                </tr>
               @endforeach
              </tbody>
            </table>
             @else
                <h4 class="text-center">Search Result Not Found</h4>
            @endif
          </div>
        </div>
      </div>
          </div>
     
    </div>

@endsection
@section('scripts')

@endsection