@extends('user.layout.report_layout')
@section('report_body')

<div class=" mx-auto max-w-screen ">
    <div class="p-4 px-4 mb-6 text-center bg-white md:p-8">
    @component('components.project_headline')
    @endcomponent

        <div class="w-full mx-auto p-4 relative overflow-x-auto  sm:rounded-lg bg-white mb-6">
            <p class="text-xl uppercase w-[90%] py-3 font-bold text-center pl-4 barlow text-green-800">পন্য ফেরত</p>
            <div class="grid grid-cols-2 mt-2 text-center px-4">
                <div class="col-span-1 py-1">
                    <h1 class="text-base font-bold text-red-600">তারিখ শুরু : {{$request->date_from}}</h1>
                </div>
                <div class="col-span-1 py-1">
                    <h1 class="text-base font-bold text-red-600">তারিখ শেষ : {{$request->date_to}}</h1>
                </div>
            </div>
            <table id="table" class="w-full text-sm text-left text-gray-500 data-table">
                <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
                    <tr>
                        <th scope="col" class="px-2 py-3">
                            নং
                        </th>
                        <th scope="col" class="px-2 py-3">
                            ইনভয়েস
                        </th>
                        <th scope="col" class="px-2 py-3">
                            গ্রহনের ধরণ
                        </th>
                        <th scope="col" class="px-2 py-3">
                            এরিয়া
                        </th>
                        <th scope="col" class="px-2 py-3">
                            ঠিকানা
                        </th>
                        <th scope="col" class="px-2 py-3">
                            মহাজনের নাম
                        </th>
                        <th scope="col" class="px-2 py-3">
                            মহাজনের মালিক
                        </th>
                        <th scope="col" class="px-2 py-3">
                            পন্যের নাম
                        </th>
                        <th scope="col" class="px-2 py-3">
                            পন্যের ধরন
                        </th>
                        <th scope="col" class="px-2 py-3">
                            মার্কা
                        </th>
                        <th scope="col" class="px-2 py-3">
                            লট/গ্রহন সংখ্যা
                        </th>
                        <th scope="col" class="px-2 py-3">
                            ফেরত সংখ্যা
                        </th>
                        <th scope="col" class="px-2 py-3">
                            ফেরত ওজন
                        </th>
                        <th scope="col" class="px-2 py-3">
                            ফেরতের তারিখ
                        </th>
                    </tr>
                </thead>
                <tbody id="table_body">
                    @php
                    $countRow = count($ponno_ferot);
                    $count = 1;
                    $total_qty = 0;
                    $total_weight = 0;
                    @endphp
                    @if($countRow > 0)
                    @foreach($ponno_ferot as $p)
                    @php
                    $total_qty += $p->quantity;
                    $total_weight += $p->weight;
                    @endphp
                    <tr class="border border-collapse">
                        <td class="px-2 py-3">{{$count++}}</a></td>
                        <td class="px-2 py-3 font-bold text-blue-700"><a href="{{route('ponno_purchase_report.memo',$p->ponno_purchase_entry->id)}}" class="url" onclick="return false;">{{$p->ponno_purchase_entry->id}}</a></td>
                        <td class="px-2 py-3">@if($p->ponno_purchase_entry->purchase_type == 1) নিজ খরিদ @elseif($p->ponno_purchase_entry->purchase_type == 2) কমিশন @endif</td>
                        <td class="px-2 py-3">{{$p->ponno_purchase_entry->mohajon_setup->area}}</td>
                        <td class="px-2 py-3">{{$p->ponno_purchase_entry->mohajon_setup->address}}</td>
                        <td class="px-2 py-3">{{$p->ponno_purchase_entry->mohajon_setup->name}}</td>
                        <td class="px-2 py-3">{{$p->ponno_purchase_entry->mohajon_owner_setup?->name}}</td>
                        <td class="px-2 py-3">{{$p->ponno_purchase_entry->ponno_setup->ponno_name}}</td>
                        <td class="px-2 py-3">{{$p->ponno_purchase_entry->ponno_type_setup?->ponno_type}}</td>
                        <td class="px-2 py-3">{{$p->ponno_purchase_entry->ponno_marka_setup->ponno_marka}}</td>
                        <td class="px-2 py-3">{{$p->ponno_purchase_entry->quantity}}</td>
                        <td class="px-2 py-3">{{$p->quantity}}</td>
                        <td class="px-2 py-3">{{$p->weight}}</td>
                        <td class="px-2 py-3">{{$p->entry_date }}</td>
                    </tr>
                    @endforeach
                    <tr class="border border-collapse">
                        <td class="px-2 py-3 font-bold text-red-700 text-center" colspan="11">মোট</td>
                        <td class="px-2 py-3 font-bold text-red-700">{{$total_qty }}</td>
                        <td class="px-2 py-3 font-bold text-red-700">{{$total_weight }}</td>
                        <td class="px-2 py-3"></td>
                    </tr>
                    @else
                    <tr class="border border-collapse">
                        <td colspan="12" class="px-2 py-3 text-center">রেকর্ড পাওয়া যায়নি</td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>

<script>
    $('.url').click(function() {
        var left = (screen.width - 800) / 2;
        var top = (screen.height - 700) / 4;

        var url = $(this).attr('href');

        var myWindow = window.open(url, url,
            'resizable=yes, width=' + '800' +
            ', height=' + '700' + ', top=' +
            top + ', left=' + left);
    })
    
</script>


@endsection