@extends('layouts.master')

@section('body')
    <div class="flex justify-between">
        <h3 class="text-orange-400 text-base md:text-3xl font-medium">Fermerin Torpaq Sahələri</h3>
    </div>
    <div class="flex flex-col mt-4">
        <div class="-my-2 py-2 overflow-x-auto sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8">
            <div class="align-middle inline-block min-w-full shadow overflow-hidden sm:rounded-lg border-b border-gray-200">
                <table class="min-w-full text-center">
                    <thead>
                        <tr>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                №
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Adı
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Torpaq (HA)
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Görülmüş iş (HA)
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Hektarı, müqaviləsi, aqronomun aktı
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Məntəqəyə qədər məsafə
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                KML file
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Müqavilə və ya əlavə əkin statusu
                            </th>
                        </tr>
                    </thead>

                    <tbody class="bg-white">
                        @foreach ($lands as $land)
                            <tr>
                                <td
                                    class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{ $loop->index + 1 }}
                                </td>
                                <td
                                    class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{ $land->name }}
                                </td>
                                <td
                                    class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{ $land->land_ha }}
                                </td>
                                <td
                                    class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{ $land->work_ha }}
                                </td>
                                <td
                                    class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    @if ($land->contract)
                                        <a class="text-blue-400 underline" href="/storage/{{ $land->contract }}" target="_blank">Göstər</a>
                                    @endif
                                </td>
                                <td
                                    class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{ $land->distance }}
                                </td>
                                <td
                                    class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    @if ($land->kml_file)
                                        @php
                                            $kmlUrl = urlencode("https://p-aqrogps.com.az/storage/" . $land->kml_file);
                                            $earthUrl = "https://earth.google.com/web/@?link={$kmlUrl}";
                                        @endphp

                                        <a href="{{ $earthUrl }}" target="_blank" class="text-blue-400 underline">
                                            Göstər
                                        </a>
                                    @endif
                                </td>
                                <td
                                    class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{ $land->land_type->name }}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="py-2 px-4 flex justify-end text-xs md:text-base font-bold">
                    Müqavilə bağlanmış sahə (say ilə): {{ $contractCount }}
                </div>
                <div class="py-2 px-4 flex justify-end text-xs md:text-base font-bold">
                    Müqavilə bağlanmış sahə (hektarla): {{ $contractHaTotal }}
                </div>
                <div class="py-2 px-4 flex justify-end text-xs md:text-base font-bold">
                    Əlavə əkin sahəsi (say ilə): {{ $plantCount }}
                </div>
                <div class="py-2 px-4 flex justify-end text-xs md:text-base font-bold">
                    Əlavə əkin sahəsi (hektarla): {{ $plantHaTotal }}
                </div>
                <div class="py-2 px-4 flex justify-end text-xs md:text-base font-bold">
                    Cəm əkin (hektarla): {{ $contractHaTotal + $plantHaTotal }}
                </div>
            </div>
        </div>
    </div>
@endsection