@extends('admin.layouts.master')
@section('title', 'Support Room - Vouchers List')
@section('content')
<style>
  .webui-popover-content .list-group-item{
    padding: 5px 10px;
  }
</style>
<div class="content-header"> 
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Vouchers Codes List</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
              <li class="breadcrumb-item"><a href="{{asset(route('custom_voucher'))}}">Voucher / &nbsp </li><a></li>
              <li class="breadcrumb-item active"><a href="#"> Voucher Cods</li><a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <section class="content">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-body">
              <table id="custom_voucher_list" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>#</th>
                  <th>Voucher Code</th>
                  <th>Used By</th>
                </tr>
                </thead>
                <tbody>
                  @foreach($vouchers as $key=>$row)
                      <tr>
                        <td>{{++$key}}</td>
                        <td>{{$row->voucher_code}}</td>
                        <td>{{isset($row->patient->first_name) ? $row->patient->first_name.' '.$row->patient->last_name: ""}}</td>
                      </tr>
                  @endforeach
                </tbody>
                  
              </table>
            </div>
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
@endsection
@section('script')

<script>
  $(document).ready(function(){
    $("#custom_voucher_list").DataTable({
        dom: 'Bfrtip',
        "order":[],
        buttons: [
          'copy','csv', 'excel', 'pdf', 'print'
        ]
    });
  })
</script>
@endsection