@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-2') }}" id="search-form" onsubmit="" style="display:flex;width: 100%;">
                            <div class="input-group mr-2 ml-2" style="width: 50%;">
                                <input type="text" class="form-control rounded-0"
                                       placeholder="{{ __('message.select') }}" id="datepicker" name="date" readonly>
                                <input type="hidden" name="paginate" value="{{$paginate}}">
                                <input type="hidden" name="for_sale" value="{{$for_sale}}">
                                <div class="input-group-append">
                                        <span class="input-group-text fs-xl">
                                            <i class="fal fa-calendar text-info "></i>
                                        </span>
                                </div>
                            </div>

                        </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-8 margin-tb" style="display: flex;justify-content: start;align-items: center">
                            <a href="{{route('product-qty-history-2.print' , 0)}}?for_sale={{$for_sale}}&start_date={{$start_date}}&end_date={{$end_date}}"
                               class="btn btn-info bg-info-800 float-left rounded-0"
                               title="{{ __('message.print') }}" name="">
                                <i class="fal fa-print"></i>
                                {{ __('message.print') }}
                            </a>
                        </div>
                        <div class="col-lg-4" style="display: flex;justify-content: end;align-items: center">
                            <a class="btn btn-sm btn-primary" href="{{ route('reports.product-qty-history-option2') }}">
                                <i class="fal fa-arrow-left" aria-hidden="true"></i>
                                {{ __('message.go 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-50 text-center">
                            <tr>
                                <th>#</th>
                                <th class="text-center">{{ __('message.part number') }}</th>
                                <th class="text-center">{{ __('message.product category') }}</th>
                                <th>{{ __('message.name') }}</th>
                                <th>{{ __('message.price') }}</th>
                                <th>{{ __('message.fixed price') }}</th>
                                @if($for_sale == 1)
                                    <th>{{ __('message.qty') }}</th>
                                @endif
                                <th>{{ __('message.gold weight') }}</th>
                            </tr>
                            </thead>
                            <tbody class="text-center" id="accordionExample">
                            @foreach ($products as $index => $product)
                                <tr class="bg-white  {{+$loop->index%2!=$product->count()?'border-top':''}}" data-toggle="collapse" href="#row{{$loop->index}}" role="button" aria-expanded="false" aria-controls="row{{$loop->index}}">
                                    <td class="align-middle">{{ $index + 1 }}</td>
                                    <td class="">
                                        <div class="row no-gutters">
                                            <div class="col-2 d-flex justify-content-center align-items-center">
                                                @if($product->for_sale)
                                                    <input type="checkbox" onclick="return false;" checked/>
                                                @endif
                                            </div>
                                            <div class="col-10 d-flex justify-content-center align-items-center">
                                                {{$product->part_number}}
                                            </div>
                                        </div>

                                    </td>
                                    <td>
                                        {{$product->productCategory->name??''}}
                                    </td>
                                    <td class="align-middle">
                                        {{ $product->name}}
                                    </td>
                                    @if($product->fixed_price)
                                        <td class="credit align-middle">
                                            {{number_format($product->price,2)}} {{$currency_->currency_symbol??''}}
                                        </td>
                                    @else
                                        <td class="credit align-middle">
                                            {{number_format($product->sellingPrice(),2)}} {{$currency_->currency_symbol??''}}
                                        </td>
                                    @endif
                                    <td>
                                        @if ($product->fixed_price)
                                            <label class="badge badge-info" style="background-color:#196eec">
                                                {{ __('message.yes') }}
                                            </label>
                                        @else
                                            <label class="badge badge-danger" style="background-color: red">
                                                {{ __('message.no') }}
                                            </label>
                                        @endif
                                    </td>
                                    @if($for_sale == 1)
                                        <td class="align-middle">
                                            {{$product->tempQty()}}
                                        </td>
                                    @endif
                                    <td class="credit">
                                        {{number_format($product->goldWeight()??0 , 2)}}
                                    </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>
                                                    <li class="nav-item">
                                                        <a class="nav-link" data-toggle="tab" href="#supplier{{$loop->index}}" role="tab">{{__('message.supplier')}}</a>
                                                    </li>
                                                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#attribute{{$loop->index}}" role="tab">{{__('message.attribute')}}</a></li>
                                                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#descriptions{{$loop->index}}" role="tab">{{__('message.description')}}</a></li>
                                                </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($product->image)
                                                                            <img class="rounded" id="myImg{{$index}}" src="{{asset($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-4">

                                                                        <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 credit">: {{ number_format($product->cost(), 2) }} {{$currency_->currency_symbol??''}}</div>
                                                                        </div>
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.selling cost')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left credit">: {{ number_format($product->sellingCost(), 2) }} {{$currency_->currency_symbol??''}}</div>
                                                                        </div>
                                                                        @if($product->productcategory && $product->productcategory->price()>0)
                                                                            <div class="row mb-3">
                                                                                <div class="col-6">
                                                                                    <p class="fw-bolder credit text-left">
                                                                                        {{__('message.current rate')}}
                                                                                    </p>
                                                                                </div>
                                                                                <div class="col-6 text-left credit">: {{ number_format($product->productcategory->price(), 4) }} {{$currency_->currency_symbol??''}}</div>
                                                                            </div>
                                                                        @endif
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.wages')}} {{$product->productCategory->fixed_price||$product->fixed_price?'':'(គិតជាលី)'}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left credit">:
                                                                                @if($product->productCategory->fixed_price || $product->fixed_price)
                                                                                    {{number_format($product->selling_wagesInWeight()??0 , 2)}} {{$currency_->currency_symbol}}
                                                                                @else
                                                                                    {{number_format($product->wages_in_weight??0 , 2)}}
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.original wages')}} {{$product->productCategory->fixed_price||$product->fixed_price?'':'(គិតជាលី)'}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left credit">:
                                                                                @if($product->productCategory->fixed_price || $product->fixed_price)
                                                                                    {{number_format($product->cost_wagesInWeight()??0 , 2)}} {{$currency_->currency_symbol}}
                                                                                @else
                                                                                    {{number_format($product->original_wages_in_weight??0 , 2)}}
                                                                                @endif
                                                                            </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 credit">:
                                                                                {{number_format($product->weight , 2)}}
                                                                                @if($product->weight_description)
                                                                                    ({{$product->weight_description}})
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-3">
                                                                        <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 credit">:
                                                                                <a href="{{route('users.show' , $product->user_id)}}" class="text-dark" title="{{__('message.show user')}}">
                                                                                    {{$product->user->name??''}}
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.is_active')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:
                                                                                @if ($product->is_active)
                                                                                    <label class="badge badge-info" style="background-color:#196eec">
                                                                                        {{ __('message.is_active') }}
                                                                                    </label>
                                                                                @else
                                                                                    <label class="badge badge-danger" style="background-color: red">
                                                                                        {{ __('message.no active') }}
                                                                                    </label>
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                        <div class="row mb-3">
                                                                            <div class="col-6">
                                                                                <p class="fw-bolder credit text-left">
                                                                                    {{__('message.created at')}}
                                                                                </p>
                                                                            </div>
                                                                            <div class="col-6 text-left">:
                                                                                {{date('d-m-y H:i' , strtotime($product->created_at))}}
                                                                            </div>
                                                                        </div>
                                                                        @if($product->diamond_size)
                                                                            <div class="row mb-3">
                                                                                <div class="col-6">
                                                                                    <p class="fw-bolder credit text-left">
                                                                                        {{__('message.diamond size')}}
                                                                                    </p>
                                                                                </div>
                                                                                <div class="col-6 text-left">:{!!$product->diamond_size??0!!}</div>
                                                                            </div>
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane fade text-left" id="supplier{{$loop->index}}" role="tabpanel">
                                                        <div class="row mb-3">
                                                            <div class="col-1">
                                                                <p class="fw-bolder credit text-left">
                                                                    {{__('message.supplier')}}
                                                                </p>
                                                            </div>
                                                            <div class="col-6 text-left">:{{$product->supplier->name??''}}</div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-1">
                                                                <p class="fw-bolder credit text-left">
                                                                    {{__('message.supplier rate')}}
                                                                </p>
                                                            </div>
                                                            <div class="col-6 text-left">:{{number_format($product->supplier_rate??0 , 2)}} {{$currency_->currency_symbol}}</div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-1">
                                                                <p class="fw-bolder credit text-left">
                                                                    {{__('message.phone')}}
                                                                </p>
                                                            </div>
                                                            <div class="col-6 text-left">:{{$product->supplier->phone??''}}</div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-1">
                                                                <p class="fw-bolder credit text-left">
                                                                    {{__('message.note')}}
                                                                </p>
                                                            </div>
                                                            <div class="col-6 text-left">:{{$product->supplier->note??''}}</div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane fade text-left" id="attribute{{$loop->index}}" role="tabpanel">
                                                        @if($product->productAttributes->count() > 0)
                                                            <div class="panel-container show table-responsive">
                                                                <h3>{{__('message.product attribute')}}</h3>
                                                                <table id="" class="table  table-striped w-100">
                                                                    <thead class="bg-fusion-50 text-center" style="background-color: lightslategray !important;">
                                                                    <tr>
                                                                        <th>#</th>
                                                                        <th>{{ __('message.name') }}</th>
                                                                        <th>{{ __('message.price') }}</th>
                                                                        <th>{{ __('message.qty') }}</th>
                                                                        <th>{{ __('message.cost') }}</th>
                                                                        <th>{{ __('message.action') }}</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody class="text-center" id="">
                                                                    @foreach ($product->productAttributes as $i => $productAttribute)
                                                                        <tr class="{{ $productAttribute->qty==0 ? 'inactive':''}} bg-white  {{++$loop->index%2!=$productAttribute->count()?'border-top':''}}">
                                                                            <td class="align-middle">{{ $i + 1 }}</td>
                                                                            <td class="">
                                                                                {{$productAttribute->name}}
                                                                            </td>
                                                                            <td class="credit"> {{number_format($productAttribute->price , 2)}} {{$currency_->currency_symbol}}</td>
                                                                            <td> {{$productAttribute->qty}}</td>
                                                                            <td class="credit"> {{number_format($productAttribute->cost ,2)}} {{$currency_->currency_symbol}}</td>
                                                                            <td>

                                                                                <form method="POST" action="{{route('productAttribute.destroy' , $productAttribute->id)}}" style="display:inline">
                                                                                    <input name="_method" type="hidden" value="DELETE">
                                                                                    {{ csrf_field() }}
                                                                                    <button type="submit" class="btn btn-xs btn-danger"
                                                                                            onclick="return confirm('{{ __('message.do you want to delete') }}?')">
                                                                                        <i class="fal fa-trash" style="color: #FFF;"></i>
                                                                                    </button>
                                                                                </form>
                                                                            </td>
                                                                        </tr>
                                                                    @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        @else
                                                            <div class="text-center">
                                                                <h3>{{__('message.product attribute is empty')}}</h3>
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <div class="tab-pane fade" id="descriptions{{$loop->index}}" role="tabpanel">
                                                        @if($product->description)
                                                            <div class="text-left">
                                                                {!!$product->description!!}
                                                            </div>
                                                        @else
                                                            <div class="text-center">
                                                                <h3>{{__('message.description is empty')}}</h3>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <!-- datatable end -->
                    </div>
                </div>
            </div>
            <!-- Pagination bootstrap-->

            @if($products->hasPages())
                <div class="d-flex m-2 p-2" style="justify-content: space-between;align-items: start;width: 20%">


                    <select id="paginate" name="paginate" class="form-select text-center rounded mr-2 mt-1"  aria-label="Default select example" style="width: 90px;font-size: 12px;border: 1px solid rebeccapurple">
                        <option selected hidden="hidden">{{$paginate}}</option>
                        <option value="25">25</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                        <option value="250">250</option>
                        <option value="500">500</option>
                        <option value="1000">1000</option>
                    </select>

                    <div class="">
                        {{ $products->appends($_GET)->links() }}
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection
@section('scripts')
    @include('app.datepicker-js-config')
    <script>
        // date earchform  strt_date to EndDate

        $(document).ready(function() {
            $(".ranges > ul > li").click(function() {
                setTimeout(function() {
                    $('#search-form').submit();
                }, 100);
            });
            $("#datepicker").on("change.dp" , function (){
                $("#search-form").submit();
            });
        });
        // date
        var runDatePicker = function() {
            // enable clear button
            $('#datepicker').datepicker({
                todayBtn: "linked",
                clearBtn: true,
                todayHighlight: true,
                templates: controls
            });
        }
        // end date
    </script>
    {{--    <script>--}}
    {{--        $(document).ready(function() {--}}
    {{--            $("#js-nav-menu").removeClass('active');--}}
    {{--            $("#js-nav-menu li ul li").removeClass('active');--}}
    {{--            // $("#menu_setup_list").addClass('active open');--}}
    {{--            // $("#collapse_setup").addClass('collapse in')--}}
    {{--            // $("#menu_product").addClass('active')--}}
    {{--            $("#menu_sales").addClass('active')--}}
    {{--        })--}}
    {{--    </script>--}}
    <script>
        $('#btnBrow').click(function () {
            $('#browFile').click();
        });
        $(document).ready(function() {
            $("#js-nav-menu").removeClass('active');
            $("#js-nav-menu li ul li").removeClass('active');
            $("#menu_report_list").addClass('active open');
            $("#collapse_report").addClass('collapse in')
            $("#menu_expense_product_qty_history2").addClass('active')
        })
    </script>
@endsection
@section('meta')
    <title>{{ __('message.product') }} - {{$settings_->shop_name}}</title>
@endsection