@extends('admin.admin_dashboard')
@section('admin')


<div class="page-content">

    <!--breadcrumb-->
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">

                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}"> <i class="bx bx-home-alt"> </i> </a>
                    </li>

                    <li class="breadcrumb-item active" aria-current="page"> Unused Vouchers </li>

                </ol>
            </nav>
        </div>

        <div class="ms-auto">
            <div class="btn-group">
           <a href="{{ route('add.voucher') }}" class="btn btn-primary px-5">Add Vouchers </a>  
            </div>
        </div>
    </div>
    <!--end breadcrumb-->


    

    <hr/>
    
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
              {{--  <table id="example" class="table table-striped table-bordered" style="width:100%"> --}}
                 <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">

                    <thead>
                        <tr>
                            <th> Sl </th>
                            <th> Code </th>
                            <th> Package Name </th>
                            <th> Amount (ESP / USD)  </th>
                            <th> Duration </th>
                            <th> Is_Used </th> 
                            <th> Created_At </th>
                            <th> Assigmnent</th>
                           
                           

                        </tr>
                    </thead>

                    <tbody>

                        @foreach($vouchers as $key => $voucher)		
                        <tr>
                            <td> {{ $key+1 }} </td>
                            <td>{{ $voucher->code }}</td>
                            <td>{{ $voucher->package->package_name }}</td>
                            <td>{{ $voucher->amount }}</td>
                            <td>{{ $voucher->duration }}</td>
                           


                          <td>

                              @if($voucher->is_used == 1)
                                 <span class="badge rounded-pill bg-danger"> Redeemed </span>
                              @else
                                 <span class="badge rounded-pill bg-info"> Unused </span>
                              @endif

                          </td>


                            <td> 
                                
                                {{ \Carbon\Carbon::parse( $voucher->created_at)->format('Y F jS - h:ia') }} 

                            </td>


                            <td> 
                                @if($voucher->assignment == 1 )
                                
                                <span class="badge rounded-pill bg-primary"> Assigned </span>
                               
                                @else

                                  <span class="badge rounded-pill bg-secondary"> Unassigned </span>
                                
                                @endif
                            </td>
                        

                            



                            

                            
                        </tr>
                        @endforeach

                    </tbody>

                    <tfoot>
                        <tr>
                            <th> Sl </th>
                            <th> Code </th>
                            <th> Package Name </th>
                            <th> Amount  </th>
                            <th> Duration </th>
                            <th> Is_Used </th> 
                            <th> Created_At </th> 
                            <th> Assigmnent</th>
                            
                        </tr>
                    </tfoot>

                </table>
            </div>
        </div>
    </div>



</div>






@endsection