@extends('layouts.app')

@section('content')

<!-- Content wrapper start -->
<div class="content-wrapper">


<!-- Breadcrumb container start -->
<div class="breadcrumb-container">

<!-- Row start -->
<div class="row gutters">
    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="/">Home</a></li>
              <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboards</a></li>
              <li class="breadcrumb-item"><a href="{{route('satellite.request')}}">Voucher</a></li>
              @if(Route::currentRouteName() == "voucherIncoming")
              <li class="breadcrumb-item active" aria-current="page">Incoming Voucher</li>
              @else
              <li class="breadcrumb-item active" aria-current="page">Outgoing Voucher</li>
              @endif
            </ol>
        </nav>
    </div>


    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
            <!-- Top Actions - DateRange and Buttons -->
            @if(Route::currentRouteName() == "voucherIncoming")
            <form action="{{route('getIncomingVoucherReport')}}" method="get">
            @else
            <form action="{{route('getOutgoingVoucherReport')}}" method="get">
            @endif
            <div class="d-flex justify-content-end">
                <!-- Field wrapper start -->
                <div class="field-wrapper m-0">
                    <div class="input-group">
                    @if(auth()->user()->role == "Administrator")
                     <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#exampleModalVoucherList">Report Option</button>
                    @endif
                    <input type="text" class="form-control custom-daterange2" name="date">
                        <span class="input-group-text">
                        <i class="icon-calendar1"></i>
                        </span>
                    </div>
                </div>
                <!-- Field wrapper end -->
                <button class="btn btn-info"><i class="icon-download1"></i> Reports</button>
            </div>
            </form>
        </div>
</div>
<!-- Row end -->

</div>
<!-- Breadcrumb container end -->


<!-- Row start -->
<div class="row gutters">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        
        <div class="card">
            <div class="card-body">
                
                <div class="table-responsive">
                    <table id="copy-print-csv" class="table v-middle">
                        <thead>
                            <tr>
                              <th>Trans. No.</th>
                              <th>Trans. Date</th>
                              <th>Transfer To</th>													  
                              <th>By User</th>													  
                              <th>Status</th>
                              <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($authorizeStatus as $list)
                            <tr>
                              <td>
                               #{{$list->transaction_no}}
                              </td>
                              <td>
                                {{$list->issue_date}}
                              </td>
                              <td>
                              {{$list->issue_to}}
                              </td>													  
                              <td>