@extends('layouts.admin')

@section('title', 'Voucher List')
@section('content-header', 'Voucher List')

@section('content-actions')


    <a href="{{ route('vouchers.custom') }}" class="btn btn-primary">Add Custom Voucher</a>
    <a href="{{ route('vouchers.create') }}" class="btn btn-primary">Generate New Voucher</a>
    


@endsection
@section('content')
    <div class="card">
        <div class="card-body">
        <a href="{{ route('vouchers.all_list') }}" class="btn btn-primary" target="_blank">View All Voucher</a>

            <table class="table" id="example1">
                <thead>
                <tr>
                    <th>Voucher Form No.</th>
                    <th>Remark</th>
                    <th>Create By</th>
                    <th>Create Date</th>
                    <th>Expiry Date</th>
                    <th>Status</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach($vou as $key)
                    @php
                      
                          $status = $key->status;
               
                    @endphp
                    <tr>
                        <th>{{$key->vForm_no}}</th>
                        <th>{{$key->purpose}}</th>
                        <th>{{$key->cr_by}}</th>
                        <th>{{$key->cr_dd}}</th>
                        <th>{{$key->expiry_dd}}</th>
                        <th>
                         
                            @if($status == '4')
                                <span class="right badge badge-danger">Deactivated</span>
                            @elseif($key->expiry_status)
                                <span class="right badge badge-danger">Expired</span>
                            @elseif($status == '3')
                                <span class="right badge badge-success">Activated</span>
                            @elseif($status == '1')
                                <span class="right badge badge-warning">Require Activation</span>
                            @else
                                <span class="right badge badge-secondary">Voucher Void</span>
                            @endif
                        </th>
                        <th>
                        @if( $status != '4')
                            <div>
                                <a href="{{ route('vouchers.show', ['voucher' => $key->vForm_no]) }}">View Voucher</a>
                            </div>
                        @else
                            <div>
                                <a style="color: grey;" >Disabled</a>
                            </div>
                        @endif

                        </th>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('js')
    <!-- DataTables  & Plugins -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
    <script src="//cdn.datatables.net/buttons/1.6.1/js/dataTables.buttons.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="//cdn.datatables.net/buttons/1.6.1/js/buttons.html5.min.js"></script>
    <link href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css" rel="stylesheet"/>
    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $(function () {
            $('#example1').DataTable({
                dom: 'Bfrtip',
                buttons: [
                    // Remove the Excel button object
                ]
            });
        });
    </script>

@endsection