@extends('layouts.admin-main')
@section('content')
    <div class="" style="display: flex;justify-content: center;width: 100%;height: 100%;background-color: #eee;">
        <div class="" style="height: 100%;width: 100%;">
            <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: 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-6 text-left mt-4" style="font-size: 14px;">
                        {{__('message.cashier')}} : <b>{{Auth::user()->name}}</b>
                    </div>
                    <div class="col-sm-6 col-xl-6 text-right mt-4" style="font-size: 14px;">
                        {{__('message.invoice date')}} : <b>{{now()->format('d-m-Y H:i')}}</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 m-2 text-left">
                   @if($name)
                        <div class="col-sm-8 col-xl-8 mt-4">
                            {{__('message.name')}} : <b>{{$name}}</b>
                        </div>
                   @elseif($phone)
                        <div class="col-sm-8 col-xl-8 mt-4">
                            {{__('message.phone')}} : <b>{{$phone}}</b>
                        </div>
                   @endif
                </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.customer report')}}</h1>
                    </div>
                </div>
                <div class="panel-container show">
                    <div class="d-flex flex-column h-100">
                        <div class="h-auto">
                            <table id="grn-print" class="table table-striped w-100">
                                <thead class="bg-fusion-400 text-center">
                                <tr>
                                    <th>#</th>
                                    <th>{{__('message.part number')}}</th>
                                    <th>{{__('message.product category')}}</th>
                                    <th>{{__('message.name')}}</th>
                                    <th>{{__('message.qty')}}</th>
                                    <th>{{__('message.weight')}}</th>
                                    <th>{{__('message.sales price')}}</th>
                                    <th>{{__('message.discount')}}</th>
                                    <th>{{__('message.buy back')}}</th>
                                    <th>{{__('message.diamond size')}}</th>
                                    <th>{{__('message.created at')}}</th>
                                </tr>
                                </thead>
                                <tbody class="text-center">
                                @foreach($products as $index => $sale)
                                    <tr class="text-center border-bottom">
                                        <td>
                                            {{$index+1}}
                                        </td>
                                        <td>
                                            {{$sale->part_number}}
                                        </td>
                                        <td>
                                            {{$sale->productCategory->name}}
                                        </td>
                                        <td>
                                            {{$sale->name}}
                                        </td>
                                        <td>
                                            {{$sale->qty}}
                                        </td>
                                        <td class="credit">
                                            {{$sale->weight}}
                                        </td>
                                        <td class="credit">
                                            {{number_format($sale->sales_price??0 , 2)}} {{$currency_->currency_symbol}}
                                        </td>
                                        <td class="credit">
                                            {{number_format($sale->discount??0 , 2)}} {{$currency_->currency_symbol}}
                                        </td>
                                        <td>
                                             <span class="badge {{$sale->already_buy_back == 1 ? 'badge-success' : 'badge-danger'}}">
                                                {{$sale->already_buy_back==1? __('message.yes'): __('message.no')}}
                                            </span>
                                        </td>
                                        <td>
                                            {!!$sale->diamond_size??0!!}
                                        </td>
                                        <td>
                                            {{$sale->created_at->format('d-m-Y H:i')}}
                                        </td>
                                    </tr>
                                @endforeach
                                <tr class="table-bordered">
                                    <td class="credit text-center" colspan="4">
                                        <div class="d-flex justify-content-center align-items-center" style="margin: 1rem 0;">
                                            {{__('message.total')}} :
                                        </div>
                                    </td>
                                    <td class="credit text-center">
                                        <div class="d-flex justify-content-center align-items-center" style="margin: 1rem 0;">
                                            {{$totalQty}}
                                        </div>
                                    </td>
                                    <td class="credit text-center">
                                        <div class="d-flex justify-content-center align-items-center credit" style="margin: 1rem 0;">
                                            {{$totalWeight}}
                                        </div>
                                    </td>
                                    <td class="credit text-center">
                                        <div class="d-flex justify-content-center align-items-center" style="margin: 1rem 0;">
                                            {{$currency_->currency_symbol}} {{number_format($totalPrice  , 2)}}
                                        </div>
                                    </td>
                                    <td class="credit text-center">
                                        <div class="d-flex justify-content-center align-items-center credit" style="margin: 1rem 0;">
                                            {{$currency_->currency_symbol}} {{number_format($totalDiscount , 2)}}
                                        </div>
                                    </td>
                                    <td class="credit text-center">
                                        <div class="d-flex justify-content-center align-items-center credit" style="margin: 1rem 0;">
                                        </div>
                                    </td>
                                    <td></td>
                                    <td class="credit text-center">
                                        <div class="d-flex justify-content-center align-items-center credit" style="margin: 1rem 0;">
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="row mt-10-rem" style="margin-top: 5rem !important;">
                                <div class="col-1">

                                </div>
                                <div class="col-3 mt-10-rem" style="margin-top: 5rem !important;">
                                    <h1 class="border-bottom"></h1>
                                    <span style="font-weight:bold;color: black">{{__('message.prepare by')}} : </span>
                                </div>
                                <div class="col-4">

                                </div>
                                <div class="col-3 mt-10-rem" style="margin-top: 5rem !important;">
                                    <h1 class="border-bottom"></h1>
                                    <span style="font-weight:bold;color: black">{{__('message.confirm by')}} : </span>
                                </div>
                                <div class="col-1">

                                </div>
                            </div>
                            <!-- datatable end -->
                        </div>
                    </div>
                </div>
                <div style="width: 100%;display: flex;justify-content: space-between;align-items: center">
                    <div class="text-center mt-4 ml-4 notPrint" style="width: 5%;; height: 50%;">
                        <a href="{{route('member.show' , $id)}}?phone={{$phone}}&name={{$name}}" id="back" name="back" class="btn-sm btn-danger mt-6 fw-bold notPrint" style="cursor: pointer;color: white;">Back</a>
                    </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>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        window.print();
        setTimeout("closePrintView()", 1000);
        function closePrintView(){
            window.location.href = "{{route('member.show' , $id)}}?phone={{$phone}}&name={{$name}}";
        }
    </script>
    <script>
        $(document).ready(function() {
            $("#js-nav-menu").removeClass('active');
            $("#js-nav-menu li ul li").removeClass('active');
            $("#menu_member").addClass('active')
        })
    </script>
@endsection