@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="flex">
                <p class="text-base uppercase w-[90%] font-bold text-center pl-4 barlow text-red-600">তারিখ : {{$search_date}}</p>
                <p class="text-base uppercase w-[90%] font-bold text-center pl-4 barlow text-red-600">বাংলা তারিখ : {{$bangla_date}}</p>
            </div>
            
            <div class="flex">
                <div class="h-full w-full">
                    <table id="table1" class="w-full text-left text-gray-500 data-table">
                        <thead class="text-xs text-gray-700 uppercase bg-gray-50 ">
                            
                            <tr class="border border-collapse odd:bg-white even:bg-gray-100 text-center">
                                <th scope="col" class="px-2 py-3 text-base">
                                    ক্রমিক
                                </th>
                                <th scope="col" class="px-2 py-3 text-base">
                                    <a class="url" class="px-2 py-3 " onclick="return false;" href="{{route('cash_report.all_joma',$search_date)}}"><span class="text-base text-center font-bold text-green-600">জমা</span></a>
                                </th>
                                <th scope="col" class="px-2 py-3 text-base">
                                    মোট টাকা
                                </th>
                            </tr>
                        </thead>
                        <tbody id="table_body">
                            @php
                            $total_joma = 0;
                            $total_khoroc = 0;
                            $total = 0;
                            @endphp

                            @foreach($joma as $v)
                            <tr class="border border-collapse odd:bg-white even:bg-gray-100 text-center">
                                <td class="px-2 py-3 text-base">{{ $v['sl'] }}</td>
                                <td class="px-2 py-3 text-base">
                                    @if(!empty($v['cash_description']))
                                        <button 
                                            class="text-blue-500 description-trigger" 
                                            data-description="{{ $v['cash_description'] }}">
                                            {{ $v['reference'] }}
                                        </button>
                                    @else
                                        {{ $v['reference'] }}
                                    @endif
                                </td>
                                <td class="px-2 py-3 text-base">{{ $v['total_taka'] ? $v['total_taka'] : 0 }}</td>
                            </tr>
                            @php
                                $total_joma += $v['total_taka'];
                            @endphp
                        @endforeach
                            <tr class="border border-collapse odd:bg-white even:bg-gray-100 text-center">
                                <td colspan="2" class="px-2 py-3 text-base font-bold text-red-600 text-center">মোট</td>
                                <td class="px-2 py-3 text-base font-bold text-red-600">{{$total_joma}}</td>
                            </tr>
                        </tbody>

                    </table>
                </div>


                <!-- খরচ টেবিল -->

                <div class="h-full w-full">
                    <table id="table2" class="w-full text-left text-gray-500 data-table">
                        <thead class="text-xs text-gray-700 uppercase bg-gray-50 ">
                           
                            <tr class="border border-collapse odd:bg-white even:bg-gray-100 text-center">
                                <th scope="col" class="px-2 py-3 text-base">
                                    ক্রমিক
                                </th>
                                <th scope="col" class="px-2 py-3 text-base">
                                    <a class="url"  onclick="return false;" href="{{route('cash_report.all_khoroc',$search_date)}}"><span class="text-base text-center font-bold text-green-600">খরচ</span></a>
                                </th>
                                <th scope="col" clclass="px-2 py-3 text-base text-center font-bold text-red-600"ass="px-2 py-3 text-base">
                                    মোট টাকা
                                </th>
                            </tr>
                        </thead>
                        <tbody id="table_body">
                            @foreach($khoroc as $v)
                            <tr class="border border-collapse odd:bg-white even:bg-gray-100 text-center">
                                <td class="px-2 py-3 text-base">{{ $v['sl'] }}</td>
                                <td class="px-2 py-3 text-base">{{ $v['reference'] }}</td>
                                <td class="px-2 py-3 text-base">{{ $v['total_taka'] ? $v['total_taka'] : 0 }}</td>
                            </tr>
                            @php
                            $total_khoroc += $v['total_taka'];
                            @endphp
                            @endforeach
                            <tr class="border border-collapse odd:bg-white even:bg-gray-100 text-center">
                                <td colspan="2" class="px-2 py-3 text-base font-bold text-red-600 text-center">মোট</td>
                                <td class="px-2 py-3 text-base font-bold text-red-600">{{$total_khoroc}}</td>
                            </tr>
                        </tbody>

                    </table>
                </div>
                @php
                $total = $total_joma - $total_khoroc;
                @endphp

            </div>
            <div class="w-full border border-collapse px-2 py-3">
                <p class="text-red-600 font-bold text-lg">মোট ক্যাশ : {{ $total }}</p>
            </div>
            @if(\Auth::guard('admin')->user())
            @if(date("Y-m-d") > date("Y-m-d", strtotime($search_date)))
            <div class="w-full border border-collapse px-2 py-3">
                <form action="{{route('cash_report.transfer')}}" id="form_data" method="POST">
                @csrf
                <input type="text" name="amount" value="{{$total}}" hidden>
                <input type="text" name="date" value="{{$search_date}}" hidden>
                <div class="flex justify-around">
                    <textarea name="description" id="" class="h-10 border mt-1 rounded px-4 w-2/3 bg-gray-50" placeholder="ক্যাশের বিবরন"></textarea>
                    <div class="">
                        <button type="submit" id="search" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">ক্যাশ ট্রান্সফার</button>
                    </div>
                </div>
                </form>
            </div>
            @endif
            @endif
        </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>

<script>
    
       
        $('.description-trigger').click(function () {
           
            const description = $(this).data('description');

            swal({
                title: "ক্যাশের বিবরন",
                text: description || "বিবরন পাওয়া যায়নি",
                button: "Close",
            });
        });
    
</script>


@endsection