@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-7 margin-tb mb-4" style="display: flex;justify-content: start;align-items: center">
                    <form method="GET" action="{{ route('grn-product-list' , $grn) }}?q={{$q}}&paginate={{$paginate}}" class="" id="search-form" onsubmit="" style="display: flex;justify-content: start;align-items: center;width: 100%;">
                        {{--                        <div class="input-group mr-2" style="width: 50%;">--}}
                        {{--                            <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>--}}
                        {{--                        <div style="width: 25%;">--}}
                        {{--                            <button type="submit" class="btn btn-outline-success mr-2" style="width: 80%;">--}}
                        {{--                                <i class="fal fa-search text-outline-success"></i>--}}
                        {{--                                <span class="hidden-xs"> {{ __('message.search') }}</span>--}}
                        {{--                            </button>--}}
                        {{--                        </div>--}}
                        <input type="hidden" name="paginate" value="{{$paginate}}">
                    </form>
                </div>
                <div class="col-md-8 col-xs-8 col-sm-8 col-xl-5 margin-tb mb-4">
                    <div class="row">
                        <div class="col-lg-10 col-xs-10 col-sm-10 col-md-10 col-xl-10 margin-tb" style="display: flex;justify-content: center;align-items: center">
                            <a href="{{route('grn-product-print' , $grn)}}?paginate={{$paginate}}&q={{$q}}"
                               class="btn btn-info bg-info-800 float-right rounded-0"
                               title="{{ __('message.print') }}" name="">
                                <i class="fal fa-print"></i>
                                {{ __('message.print') }}
                            </a>
                            <a href="{{route('grn-product-export' , $grn)}}?paginate={{$paginate}}&q={{$q}}" class="btn btn-success bg-success-800 search-date m-2" id="download-button" onclick="return clickdownload()">
                                <i class="fal fa-download"></i>
                                {{ __('message.export excel') }}
                            </a>
                        </div>
                        <div class="col-lg-2 col-xs-2 col-sm-2 col-md-2 col-xl-2 margin-tb" style="display: flex;justify-content: center;align-items: center;padding: 0">
                            <a href="{{route('grn-list')}}" class="btn btn-sm btn-primary">
                                <i class="fal fa-arrow-left"></i>
                                {{__('message.back')}}
                            </a>
                        </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-striped w-100">
                            <thead class="bg-fusion-400 text-center">
                            <tr>
                                <th>#</th>
                                <th>{{__('message.grn')}}</th>
                                <th>{{__('message.part number')}}</th>
                                <th>{{__('message.product category')}}</th>
                                <th class="text-center">{{ __('message.product name') }}</th>
                                <th>{{__('message.sales price')}}</th>
                                <th>{{__('message.qty')}}</th>
                                <th>{{__('message.gold weight')}}</th>
                                <th>{{__('message.date')}}</th>
                            </tr>
                            </thead>
                            <tbody class="text-center" id="accordionExample">
                            @foreach($productQtyHistories as $index => $productQtyHistory)
                                <tr class="text-center border-bottom @if($productQtyHistory->qty<0) inactive @endif {{+$loop->index%2!=$productQtyHistory->count()?'border-top':''}}" data-toggle="collapse" href="#row{{$loop->index}}" role="button" aria-expanded="false" aria-controls="row{{$loop->index}}">
                                    <td>
                                        {{$index+1}}
                                    </td>
                                    <td>
                                        {{$productQtyHistory->grn??''}}
                                    </td>
                                    <td>
                                        {{$productQtyHistory->product->part_number??''}}
                                    </td>
                                    <td>
                                        {{$productQtyHistory->product->productCategory->name??''}}
                                    </td>
                                    <td>
                                        {{$productQtyHistory->product->name??''}}
                                    </td>
                                    <td class="credit">
                                        {{number_format($productQtyHistory->product?->sellingPrice($productQtyHistory->goldWeight())??0 , 2)}} {{$currency_->currency_symbol}}
                                    </td>
                                    <td class="credit">
                                        {{$productQtyHistory->qty}}
                                    </td>
                                    <td>
                                        @if($productQtyHistory->weight)
                                            {{number_format($productQtyHistory->goldWeight()??0 ,2)}}
                                        @else
                                            {{number_format($productQtyHistory->product?->goldWeight()??0 ,2)}}
                                        @endif
                                        {{--                                        @if($productQtyHistory->product->for_sale == 1)--}}
                                        {{--                                            {{number_format($productQtyHistory->product?->goldWeight()??0 ,2)}}--}}
                                        {{--                                        @elseif($productQtyHistory->product->for_sale == 0)--}}
                                        {{--                                            {{number_format($productQtyHistory->weight??0 , 2)}}--}}
                                        {{--                                        @endif--}}
                                    </td>
                                    <td>
                                        {{$productQtyHistory->created_at->format('d-m-Y H:i')}}
                                    </td>
                                </tr>
                                <tr class="bg-white">
                                    <td colspan="11">
                                        <div class="collapse multi-collapse" id="row{{$loop->index}}" data-parent="#accordionExample">
                                            <div class="panel-content">
                                                <ul class="nav nav-tabs" role="tablist">
                                                    <li class="nav-item">
                                                        <a class="nav-link active" data-toggle="tab" href="#detail{{$loop->index}}" role="tab">{{__('message.detail')}}</a>
                                                    </li>
                                                    @if($productQtyHistory->product->diamond_size??'')
                                                        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#diamond_size{{$loop->index}}" role="tab">{{__('message.diamond size')}}</a></li>
                                                    @endif
                                                </ul>
                                                <div class="tab-content  border-top-0 p-3" style="border:1px solid #dee2e6!important; border-top:none !important;">
                                                    <div class="tab-pane fade show active" id="detail{{$loop->index}}" role="tabpanel">
                                                        <div class="">
                                                            <div class="card-body">
                                                                <div class="row">
                                                                    <div class="col-3">
                                                                        @if($productQtyHistory->product->image??'')
                                                                            <img class="rounded" id="myImg{{$index}}" src="{{asset($productQtyHistory->product->image)}}" style="width:200px;max-width:300px;cursor:pointer;">
                                                                        @else
                                                                            <img class="rounded" id="myImg{{$index}}" src="{{asset('no_image.png')}}" style="width:200px;max-width:300px;cursor:pointer;">
                                                                        @endif
                                                                    </div>
                                                                    <div class="col-xs-4 col-sm-6 col-md-6 col-xl-3">
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.cost')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:
                                                                                @if($productQtyHistory->for_sale == 0 && $productQtyHistory->product_cost)
                                                                                    {{number_format($productQtyHistory->product_cost??0 , 2)}} {{$currency_->currency_symbol}}
                                                                                @else
                                                                                    {{number_format($productQtyHistory->product?->cost($productQtyHistory->weight)??0 , 2)}} {{$currency_->currency_symbol}}
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.wages')}} {{$productQtyHistory->product?->productCategory?->fixed_price??''||$productQtyHistory->product?->fixed_price?'':'(គិតជាលី)'}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left credit">:
                                                                                <!-- @if($productQtyHistory->product?->productCategory?->fixed_price??'' || $productQtyHistory->product?->fixed_price??'')
                                                                                    {{number_format($productQtyHistory->product->wages??0 , 2)}} {{$currency_->currency_symbol}}
                                                                                @else
                                                                                    {{number_format($productQtyHistory->product->wages_in_weight??0 , 2)}}
                                                                                @endif -->
                                                                                {{number_format($productQtyHistory->product?->selling_wagesInWeight()??0 , 2)}} {{$currency_->currency_symbol}}
                                                                            </div>
                                                                        </div>
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.original wages')}} {{$productQtyHistory->product?->productCategory?->fixed_price??''||$productQtyHistory->product?->fixed_price??''?'':'(គិតជាលី)'}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left credit">:
                                                                                <!-- @if($productQtyHistory->product?->productCategory?->fixed_price??'' || $productQtyHistory->product?->fixed_price??'')
                                                                                    {{number_format($productQtyHistory->product?->original_wages??0 , 2)}} {{$currency_->currency_symbol}}
                                                                                @else
                                                                                    {{number_format($productQtyHistory->product?->original_wages_in_weight??0 , 2)}}
                                                                                @endif -->
                                                                                {{number_format($productQtyHistory->product?->cost_wagesInWeight()??0 , 2)}} {{$currency_->currency_symbol}}
                                                                            </div>
                                                                        </div>
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.weight')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:
                                                                                {{--                                                                                {{number_format($productQtyHistory->product->weight??0 ,2)}}--}}
                                                                                @if($productQtyHistory->weight)
                                                                                    {{number_format($productQtyHistory->weight??0 ,2)}}
                                                                                @else
                                                                                    {{number_format($productQtyHistory->product?->weight??0 ,2)}}
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-xs-8 col-sm-6 col-md-6 col-xl-4">
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.note')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:
                                                                                {{$productQtyHistory->note??''}}
                                                                            </div>
                                                                        </div>
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.user')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:
                                                                                <a href="{{route('users.show' , $productQtyHistory->user_id)}}" class="text-dark" title="{{__('message.show user')}}">
                                                                                    {{$productQtyHistory->user->name??''}}
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.original invoice')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:
                                                                                {{$productQtyHistory->product?->original_invoice??''}}
                                                                            </div>
                                                                        </div>
                                                                        {{--                                                                            <div class="row mb-3">--}}
                                                                        {{--                                                                                <div class="col-6">--}}
                                                                        {{--                                                                                    <p class="fw-bolder credit text-left">--}}
                                                                        {{--                                                                                        {{__('message.updated at')}}--}}
                                                                        {{--                                                                                    </p>--}}
                                                                        {{--                                                                                </div>--}}
                                                                        {{--                                                                                <div class="col-6 text-left">:--}}
                                                                        {{--                                                                                    {{date('d-m-Y  H-i-s' , strtotime($productQtyHistory->created_at))}}--}}
                                                                        {{--                                                                                </div>--}}
                                                                        {{--                                                                            </div>--}}
                                                                        <!-- <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.action')}}
                                                                        </p>
                                                                    </div>
                                                                    <div class="col-6 text-left">: