@extends('layouts.master')

@section('body')
    <div class="flex flex-col mt-8">
        <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">
                                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">
                                Excel 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">
                                Tənzimlə
                            </th>
                        </tr>
                    </thead>

                    <tbody class="bg-white">
                        <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">
                                Şassilər
                            </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 ($branchExcel)
                                    <a class="text-blue-400 underline" href="/storage/{{ $branchExcel }}" 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">
                                <form action="{{ route('integrate-excel-branch') }}" method="POST" enctype="multipart/form-data"
                                    class="flex justify-center items-center">
                                    @csrf
                                    <input type="file" name="file"
                                        accept=".xls, .xlsx, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
                                        class="bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-orange-500 focus:border-orange-500 block p-2.5">
                                    <button type="submit"
                                            class="ml-2 text-xs md:text-base px-2 py-2 md:!px-4 md:!py-2 bg-orange-500 text-white rounded-lg">
                                        Əlavə et
                                    </button>
                                </form>
                            </td>
                        </tr>
                        <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">
                                Fermerlər
                            </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 ($farmerExcel)
                                    <a class="text-blue-400 underline" href="/storage/{{ $farmerExcel }}" 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">
                                <form action="{{ route('integrate-excel-farmer') }}" method="POST" enctype="multipart/form-data"
                                    class="flex justify-center items-center">
                                    @csrf
                                    <input type="file" name="file"
                                        accept=".xls, .xlsx, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
                                        class="bg-gray-50 border border-gray-300 text-gray-900 rounded-lg focus:ring-orange-500 focus:border-orange-500 block p-2.5">
                                    <button type="submit"
                                            class="ml-2 text-xs md:text-base px-2 py-2 md:!px-4 md:!py-2 bg-orange-500 text-white rounded-lg">
                                        Əlavə et
                                    </button>
                                </form>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection


@section('script')
    <script>
        @if (session('success'))
            toastr.options = {
                "progressBar": true,
                "closeButton": true
            }
            toastr.success("{{ session('success') }}", "Uğurlu!");
        @endif
        @if (session('error'))
            toastr.options = {
                "progressBar": true,
                "closeButton": true
            }
            toastr.error("{{ session('error') }}", "Xəta!");
        @endif
    </script>
@endsection