@extends('layouts.app')

@section('content')

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

<!-- Row start -->
<div class="row gutters">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">

        <!-- Card start -->
        <div class="card">
            <div class="card-header-lg">
                <h4>Authorize Quantity</h4>
                
            </div>
            <div class="card-body">

                <div class="invoice-container">

                    <div class="invoice-header">
                        <!-- Row start -->
                        <div class="row justify-content-between">
                            <div class="col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
                                <p>Voucher Information</p>
                            </div>
                        </div>
                        <!-- Row end -->
                    </div>

                    <!-- Row start -->
                    <div class="row gutters">
                        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="invoice-details">
                                <address class="m-0">
                                    <strong>Voucher From:</strong><br>
                                    {{$details->station}}<br>
                                    <strong>by</strong> <strong style="font-weight:500">{{@ucwords(@strtolower($details->name))}}</strong>
                                </address>

                                <div class="invoice-num">
                                    <div>{{$details->issue_store}}</div>
                                    <div>Voucher No. - #{{$details->issue_transaction_id}} 
                                        <input type="text" value="{{$details->issue_transaction_id}}" id="transact" hidden>
                                    </div>
                                    <div>{{$details->issue_date}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Row end -->