@extends('layouts.user')
@section('pageTitle')
    Zimmet Detayı
@endsection
@section('goBack')
@endsection
@section('content')
    <div class="pt-2 sm:px-14 md:px-24">
        <div class="px-6 py-2 overflow-y-auto h-[calc(100vh-230px)]">
            <div class="bg-red-700 mb-2 text-white rounded p-2 text-sm font-semibold">
                <p>
                    Aşağıda belirtilen ürünler için zimmet dosyası yükleyiniz !
                </p>
            </div>
            <div class="flex flex-col gap-1 text-sm text-gray-300 divide-y-2 divide-theme_secondary_black">
                @foreach ($products as $product)
                    <div class="py-2 px-2">
                        <p class="font-semibold capitalize">
                            {{ $product->piece . ' Adet ' . $product->product->product_name }}
                        </p>
                    </div>
                @endforeach
            </div>
        </div>
        <div class="px-6 py-5 border-teheme_third_black border-t">
            <form action="{{ route('workers.upluadDebitProductFile', ['userDebitProduct' => $product->id]) }}" method="POST"
                onsubmit="showLoading()" enctype="multipart/form-data" class="flex gap-4 items-center">
                @csrf
                <input type="file" name="debit_file_path" id="debit_file_path" class="file-input mt-0">
                <button class="button-3 py-[10px] bg-theme_secondary_black">
                    <i class="fa-solid fa-save"></i>
                    Kaydet
                </button>
            </form>
        </div>
    </div>
    {{-- <div class="mt-6">
        @if ($product->status == 0 && $product->description)
            <h1 class="font-semibold">
                Red Nedeni :
            </h1>
            <span class="text-sm text-gray-400">{{ $product->description }}</span>
        @endif
    </div> --}}
    {{-- @if ($product->status == 2)
        @if (!$product->debit_file_path)
            <form action="{{ route('workers.upluadDebitProductFile', ['userDebitProduct' => $product->id]) }}"
                method="POST" enctype="multipart/form-data" class="mt-6">
                @csrf
                <label for="debit_file" class="text-gray-300 text-sm">
                    Belge yükleyiniz
                </label>
                <input type="file" name="debit_file_path" id="debit_file" class="file-input">
                <div class="mt-4 flex justify-end">
                    <button class="button-3">
                        <i class="fa-solid fa-save"></i>
                        Kaydet
                    </button>
                </div>
            </form>
        @else
            Onay Bekleniyor
        @endif
    @elseif ($product->status == 1)
        <span
            class="w-6 h-6 flex justify-center items-center rounded-2xl bg-green-800 text-gray-200 text-xs text-center absolute -right-4 top-0">
            <i class="fa-solid fa-check"></i>
        </span>
    @elseif ($product->status == 0)
        <span
            class="w-6 h-6 flex justify-center items-center rounded-2xl bg-red-800 text-gray-200 text-xs text-center absolute -right-4 top-0">
            <i class="fa-solid fa-xmark"></i>
        </span>
    @endif --}}
    @if ($errors->any())
        @include('components.error-modal-second')
    @endif
    @if (session('error'))
        <x-toast color="red-700">
            <x-slot name="message">
                {{ session('error') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-exclamation"></i>
            </x-slot>
        </x-toast>
    @endif
    @if (session('success'))
        <x-toast color="green-700">
            <x-slot name="message">
                {{ session('success') }}
            </x-slot>
            <x-slot name="icon">
                <i class="fa-solid fa-check"></i>
            </x-slot>
        </x-toast>
    @endif
@endsection