@extends('layouts.admin-main')
@section('content')
    <div class="col-lg-12">
        <div class="card-body shadow-1">
            <div class="row mt-2 mr-1">
                <div class="col-xs-8 col-md-8 col-sm-8 col-xl-8 margin-tb">
                    <div class="row" style="width: 90%;">
                        <form method="GET" action="{{ route('product-qty-history.index') }}" id="search-form" onsubmit="" style="display:flex;width: 100%;">
                            <div class="input-group mr-2 ml-2" style="width: 50%;">
                                <input type="text" hidden="hidden" name="product_id" value="{{$product_id}}">
                                <input type="text" class="form-control rounded-0"
                                       placeholder="{{ __('message.select') }}" id="datepicker" name="date" readonly>
                                <input type="hidden" name="paginate" value="{{$paginate}}">
                                <div class="input-group-append">
                                        <span class="input-group-text fs-xl">
                                            <i class="fal fa-calendar text-info "></i>
                                        </span>
                                </div>
                            </div>
                            <div class="input-group mr-2" style="width: 30%;">
                                <input type="text" class="form-control rounded-0"
                                       placeholder="{{ __('message.search') }} ..." value="{{$q}}" name="q" id="search">
                                <div class="input-group-append">
                                    <button type="submit" class="input-group-text fs-xl ">
                                        <i class="fal fa-search text-success"></i>
                                    </button>
                                </div>
                            </div>
                            <select onchange="this.form.submit()" name="in_out" id="in_out" class="form-control mr-2 ml-4" style="width: 20%;">
                                <option value="0" @if($in_out == 0) selected @endif>{{__('message.all')}}</option>
                                <option value="1" @if($in_out == 1) selected @endif>{{__('message.in')}}</option>
                                <option value="-1" @if($in_out == -1) selected @endif>{{__('message.out')}}</option>
                            </select>
                        </form>
                    </div>
                </div>
                <div class="col-md-4 col-xs-4 col-sm-4 col-xl-4 margin-tb mb-4">
                    <div class="row">

                        <div class="col-lg-12 margin-tb" style="display: flex;justify-content: space-between;align-items: center">

                            <a href="{{route('product-qty-history.print' , $product_id)}}?product_id={{$product_id}}&start_date={{$start_date}}&end_date={{$end_date}}&paginate={{$paginate}}&in_out={{$in_out}}&q={{$q}}"
                               class="btn btn-info bg-info-800 float-left rounded-0"
                               title="{{ __('message.print') }}" name="">
                                <i class="fal fa-print"></i>
                                {{ __('message.print') }}
                            </a>
                            <a href="{{route('product-qty-history.export' , $product_id)}}?product_id={{$product_id}}&start_date={{$start_date}}&end_date={{$end_date}}&paginate={{$paginate}}&in_out={{$in_out}}&q={{$q}}" class="btn btn-success bg-success-800 search-date ml-2" id="download-button" onclick="return clickdownload()">
                                <i class="fal fa-download"></i>
                                {{ __('message.export excel') }}
                            </a>
                            <div class="pull-right" style="text-align:right;">
                                <a class="btn btn-sm  btn-primary" href="{{ route('products.index') }}">
                                    <i class="fal fa-arrow-left" aria-hidden="true"></i>
                                    {{ __('message.go back') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-container show">
                <div class="d-flex flex-column h-100">
                    <div class="h-auto">
                        <table id="example" class="table table-bordered table-hover table-striped w-100">
                            <thead class="bg-fusion-400 text-center">
                            <tr>
                                <th>#</th>
                                <th>{{__('message.grn')}}</th>
                                <th>{{__('message.product category')}}</th>
                                <th class="text-center">{{ __('message.product name') }}</th>
                                <th>{{__('message.qty')}}</th>
                                <th class="text-center">{{ __('message.qty before transaction') }}</th>
                                <th class="text-center">{{ __('message.qty after transaction') }}</th>
                                <th class="text-center">{{ __('message.note') }}</th>
                                <th class="text-center">{{ __('message.user') }}</th>
                                <th class="text-center">{{ __('message.updated at') }}</th>
                                <th class="text-center">{{ __('message.action') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($qtyHistories as $index => $qtyHistory)
                                <tr class="text-center @if($qtyHistory->qty<0) inactive @endif">
                                    <td>
                                        {{$index+1}}
                                    </td>
                                    <td>
                                        {{$qtyHistory->grn}}
                                    </td>
                                    <td>
                                        {{$qtyHistory->productCategory->name??''}}
                                    </td>
                                    <td>
                                        {{$qtyHistory->product->name}}
                                    </td>
                                    <td class="credit">
                                        {{abs($qtyHistory->qty)}}
                                    </td>
                                    <td class="credit transparent">
                                        {{$qtyHistory->qty_before_transaction}}
                                    </td>
                                    <td class="credit transparent">
                                        {{$qtyHistory->qty_after_transaction}}
                                    </td>
                                    <td>
                                        {{$qtyHistory->note??''}}
                                    </td>
                                    <td>
                                        <a href="{{route('users.show' , $qtyHistory->user_id)}}" class="text-dark">
                                            {{$qtyHistory->user->name??''}}
                                        </a>
                                    </td>
                                    <td>
                                        {{date('d-m-Y  H-i-s' , strtotime($qtyHistory->created_at))}}
                                    </td>
                                    <td>