@extends('layouts.admin-main')
@section('content')
    <div class="" style="display: flex;justify-content: center;width: 100%;height: 100%;background-color: #eee;">
        <div class="text-center mt-4 ml-4 notPrint" style="width: 5%;; height: 50%;">
            <a href="{{route('products.index')}}" id="back" name="back" class="btn-sm btn-danger mt-6 fw-bold notPrint" style="cursor: pointer;color: white;">Back</a>
        </div>
        <div class="" style="height: 100%;width: 90%;">
            <div class="text-center bg-white print" id="print" style="width: 100%;height: 100%;margin: auto;color: rebeccapurple">
{{--                <div class="row" style="display: flex;justify-content: end;align-items: center;color: rebeccapurple">--}}
{{--                    <div class="col-sm-4 col-xl-4 m-6 text-left" style="display:flex;justify-content: center;align-items: center;font-size: 14px">--}}
{{--                        GRN Number--}}
{{--                    </div>--}}
{{--                </div>--}}
                <div class="row" style="display: flex;justify-content: center;align-items: center;color: rebeccapurple;">
                    <div class="col-sm-6 col-xl-6 p-2" style="border: 1px solid rebeccapurple;display: flex;justify-content: center;align-items: center;">
                        <h1 style="font-weight: bold;font-size: 24px">{{$settings_->shop_name}}</h1>
                    </div>
                </div>
                <div class="row m-2">
                    <div class="col-sm-6 col-xl-8 text-left mt-4" style="font-size: 14px;">
                        {{__('message.cashier')}} : <b>{{Auth::user()->name}}</b>
                    </div>
                    <div class="col-sm-6 col-xl-4 text-right mt-4" style="font-size: 14px;">
                        {{__('message.invoice date')}} : <b>{{now()->toDateTimeString()}}</b>
                    </div>
                </div>
                <div class="row m-2">
                    <div class="col-sm-8 col-xl-8 text-left mt-4" style="font-size: 14px">
                        {{__('message.location')}} : <b>{{$settings_->address}}</b>
                    </div>
                    <div class="col-sm-4 col-xl-4 text-right mt-4" style="font-size: 14px;">
                        {{__('message.phone number')}} : <b>{{$settings_->phone}}</b>
                    </div>
                </div>
                <div class="row mt-4" style="display: flex;justify-content: center;align-items: center;color: rebeccapurple;">
                    <div class="col-sm-6 col-xl-12 p-2 text-center" style="display: flex;justify-content: center;align-items: center;">
                        <h1 style="font-weight: bold;border-bottom: 2px solid rebeccapurple;font-size: 18px" class="">{{__('message.product invoice')}}</h1>
                    </div>
                </div>
                <div class="row ml-2 mt-2" style="width: 98%;display: flex;justify-content: center;align-items: center">
                    <table class="table table-bordered table-hover table-striped">
                        <thead class="bg-fusion-50 text-center">
                        <tr>
                            <th>#</th>
                            <th>{{__('message.gia number')}}</th>
                            <th>{{__('message.supplier rate')}}</th>
                            <th> {{__('message.supplier')}}</th>
                            <th class="text-center">{{ __('message.part number') }}</th>
                            <th>{{ __('message.product category') }}</th>
                            <th>{{ __('message.name') }}</th>
                            <th>{{ __('message.qty') }}</th>
                            <th>{{ __('message.cost') }}</th>
                            <th>{{ __('message.price') }}</th>
                            <th>{{ __('message.fixed price') }}</th>
                            <th>{{ __('message.weight') }}</th>
                            <th>{{ __('message.gold weight') }}</th>
                            <th>{{ __('message.diamond size') }}</th>
                            <th>{{ __('message.is_active') }}</th>
                            <th>{{ __('message.wages') }}</th>
                            <th>{{ __('message.original wages') }}</th>
                            <th>{{ __('message.image') }}</th>
                            <th>{{ __('message.user') }}</th>
                            <th>{{ __('message.created date') }}</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach ($products as $index => $product)


                            <tr @if (!$product->is_active) class="inactive" @endif>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $product->gia_number }}</td>
                                <td>{{ number_format($product->supplier_rate??0 ,2) }} {{$currency_->currency_symbol}}</td>
                                <td>{{ $product->supplier->name??'' }}</td>
                                <td class="text-center">
                                    @if($product->for_sale)
                                        <input type="checkbox" checked/>
                                    @endif
                                    {{$product->part_number}}
                                </td>
                                <td>
                                    {{$product->productCategory->name??''}}
                                </td>
                                <td>
                                    {{ $product->name??'' }}
                                </td><td>
                                    {{ $product->tempQty??0 }}
                                </td>
                                <td class="credit">
                                    {{ number_format($product->sellingCost(), 2) }} {{$currency_->currency_symbol}}
                                </td>
                                @if($product->fixed_price)
                                    <td class="credit">
                                        {{number_format($product->price,2)}} {{$currency_->currency_symbol}}
                                    </td>
                                @else
                                    <td class="credit">
                                        {{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>
                                <td>
                                    {{ number_format($product->weight , 2) }}
                                </td>
                                <td>
                                    {{number_format($product->goldWeight() , 2)}}
                                </td>
                                <td>
                                    {!!$product->diamond_size!!}
                                </td>
                                <td>
                                    @if ($product->is_active == 1)
                                        <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
                                </td>
                                <td>
                                    @if($product->productCategory->fixed_price)
                                        {{number_format($product->wages??0 , 2)}} {{$currency_->currency_symbol}}
                                    @else
                                        @if($product->fixed_price)
                                            {{number_format($product->wages??0 , 2)}} {{$currency_->currency_symbol}}
                                        @else
                                            {{number_format($product->wages_in_weight??0 , 2)}}
                                        @endif
                                    @endif
                                </td>
                                <td>
                                    @if($product->productCategory->fixed_price)
                                        {{number_format($product->original_wages??0 , 2)}} {{$currency_->currency_symbol}}
                                    @else
                                        @if($product->fixed_price)
                                            {{number_format($product->original_wages??0 , 2)}} {{$currency_->currency_symbol}}
                                        @else
                                            {{number_format($product->original_wages_in_weight??0 , 2)}}
                                        @endif
                                    @endif
                                </td>
                                <td>
                                    {{--                                        {{$product->image}}--}}
                                    <div class="col-xs-12 col-sm-10">
                                        <div class="d-flex justify-content-centers">
                                            @if($product->image)
                                                <img src="{{asset($product->image)}}" style="width:55px;">
                                            @else
                                                {{--                                                    {{ __('message.no image') }}--}}
                                            @endif
                                            {{--                                                <img src="{{ !empty($product->image) ? asset($product->image) : asset('images/no_image.png') }}" alt="image" style="width: 10rem;"--}}
                                            {{--                                                     class="border border-top border-right border-bottom border-left">--}}
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    {{$product->user->name ?? '-'}}
                                </td>
                                <td>{{ $product->created_at->format('d/m/Y H:i') }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="text-center mt-4 mr-4 notPrint" style="width: 5%;; height: 50%;">
            <a id="print" name="print" class="btn-sm btn-info mt-6 fw-bold notPrint" onclick="return print()" style="cursor: pointer;color: white;">Print</a>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        window.print();
        setTimeout(function closePrintView(){
            window.location.href = "{{route('products.index')}}?q={{$q}}&paginate={{$paginate}}&for_sale={{$for_sale}}&category={{$cate??''}}";
        }, 1000);
    </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')
        })
    </script>
@endsection