@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: 95%;">
            <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="mt-4 ml-2 mr-2" style="display: flex;justify-content: center;align-items: center;color: rebeccapurple">
                    <div class="row" style="width: 98%;">
                        <div class="col-sm-6 col-xl-8 text-left" style="font-size: 14px;">
                            {{__('message.cashier')}} : <b>{{$cashie}}</b>
                        </div>
                        <div class="col-sm-6 col-xl-4 text-right" style="font-size: 14px">
                            {{__('message.invoice date')}} : <b>{{now()->toDateTimeString()}}</b>
                        </div>
                    </div>
                </div>
                <div class="mt-4 ml-2 mr-2" style="display: flex;justify-content: center;align-items: center">
                    <div class="row" style="width: 98%;">
                        <div class="col-sm-8 col-xl-8 text-left" style="font-size: 14px">
                            {{__('message.location')}} : <b>{{$settings_->address}}</b>
                        </div>
                        <div class="col-sm-4 col-xl-4 text-right" style="font-size: 14px">
                            {{__('message.phone number')}} : <b>{{$settings_->phone}}</b>
                        </div>
                    </div>
                </div>
                <div class="mt-4 ml-2 mr-2" style="display: flex;justify-content: center;align-items: center">
                    <div class="row" style="width: 98%;">
                        <div class="col-sm-8 col-xl-8 text-left" style="font-size: 14px">
                            <span class="mr-4"> {{__('message.start date')}}  {{date('d/m/y' , strtotime($start_date))}} </span>
                            <span class="ml-4"> {{__('message.to date')}}  {{date('d/m/y' , strtotime($end_date))}} </span>
                        </div>
                    </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.buy back invoice')}}</h1>
                    </div>
                </div>
                <div class="panel-container show table-responsive">
                    <table id="example" class="table table-bordered table-hover table-striped w-100">
                        <thead class="bg-fusion-50 text-center">
                        <tr>
                            <th>#</th>
                            <th class="text-center">{{ __('message.invoice') }}</th>
                            <th>{{ __('message.product category') }}</th>
                            <th>{{ __('message.name') }}</th>
                            <th>{{ __('message.buy back price') }}</th>
                            <th>{{ __('message.member') }}</th>
                            <th>{{ __('message.member phone') }}</th>
                            <th>{{ __('message.user') }}</th>
                            <th>{{ __('message.qty') }}</th>
                            <th>{{ __('message.weight') }}</th>
                            <th>{{ __('message.gold weight') }}</th>
                            <th>{{ __('message.wages') }}</th>
                            <th>{{ __('message.original wages') }}</th>
                            <th>{{ __('message.image') }}</th>
                            <th>{{ __('message.diamond size') }}</th>
                            <th>{{ __('message.buy back') }}</th>
                            <th>{{ __('message.buy back note') }}</th>
                            <th>{{ __('message.date buy back') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($sales as $index => $sale)
                            <tr class="text-center">
                                <td>{{ $index+1 }}</td>
                                <td class="text-center">{{$sale->invoice_no}}</td>
                                <td>
                                    {{$sale->productCategory->name ?? '-'}}
                                </td>
                                <td>
                                    {{ $sale->name ??''}}
                                </td>
                                <td>
                                    {{ number_format($sale->buy_back_price , 2) }} $
                                </td>
                                <td>
                                    <a href="{{route('member.show' , $sale->member->id??0)}}" style="color: black">
                                        {{$sale->member->name??''}}
                                    </a>
                                </td>
                                <td>
                                    {{$sale->member->phone??''}}
                                </td>
                                <td>
                                    <a href="{{route('users.show' , $sale->user_id)}}" class="text-dark" title="{{__('message.show user')}}">
                                        {{$sale->user->name??''}}
                                    </a>
                                </td>
                                <td class="">
                                    {{ $sale->qty??0}}
                                </td>
                                <td>
                                    {{ number_format($sale->weight ,2) }}
                                </td>
                                <td>
                                    {{ number_format($sale->goldWeight() ,2) }}
                                </td>
                                <td>
                                    {{ number_format($sale->wages , 2) }} {{$currency_->currency_symbol}}
                                </td>
                                <td>
                                    {{ number_format($sale->original_wgaes , 2) }} {{$currency_->currency_symbol}}
                                </td>
                                <td>
                                    <div class="col-xs-12 col-sm-10">
                                        <div class="d-flex justify-content-centers">
                                            @if($sale->image)
                                                <img class="rounded pt-2" id="myImg{{$index}}" src="{{ asset($sale->image) }}" style="width:55px;max-width:110px;cursor:pointer;">
                                            @else
                                                <img class="rounded" id="myImg{{$index}}" src="{{ asset('no_image.png') }}" style="width:55px;max-width:110px;cursor:pointer;">
                                            @endif
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    {!! $sale->diamond_size !!}
                                </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->buy_back_note }}
                                </td>
                                <td>
                                    @if($sale->already_buy_back == 1)
                                        {{date('d-m-y H:i' , strtotime($sale->date_buy_back))}}
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </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('sales.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="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 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("closePrintView()", 1000);
        function closePrintView(){
            window.location.href = "{{route('reports.buy_back')}}?start_date={{$start_date}}&end_date={{$end_date}}&search={{$search}}";
        }
    </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>
@endsection