@extends('layouts.user')
@section('pageTitle')
    {{ \Carbon\Carbon::now()->isoFormat('D MMMM Y') }}
@endsection
@section('content')
    <div class="container-user sm:px-14 md:px-24">
        <div class="flex gap-4 w-full mb-2">
            <div
                class="rounded flex flex-col items-center justify-center p-4 text-sm bg-gradient-to-t from-blue-600 to-blue-800 text-gray-300 font-semibold w-1/2">
                <p>Kalan</p>
                <p>0 TL</p>
            </div>
            <div
                class="rounded flex flex-col items-center justify-center p-4 text-sm bg-gradient-to-t from-green-600 to-green-800 text-gray-300 font-semibold w-1/2">
                <p>Ödenen</p>
                <p>0 TL</p>
            </div>
        </div>
        <div class="relative shadow-sm w-full text-gray-300 overflow-y-auto max-h-[calc(100vh-230px)]">
            <div class="w-full flex flex-col divide-y-2 divide-theme_black">
                <div class="worker-payment-list rounded-t">
                    <div class="worker-payment-list-inner">
                        <img class="w-6 h-6" src="{{ asset('assets/Hakedis.svg') }}">
                        Hakediş
                    </div>
                    <div class="text-right text-sm font-normal px-2">
                        0 ₺
                    </div>
                </div>
                <div class="worker-payment-list">
                    <div class="worker-payment-list-inner">
                        <img class="w-6 h-6" src="{{ asset('assets/saatlik-calisma.svg') }}">
                        Saat
                    </div>
                    <div class="text-right text-sm font-normal px-2">
                        0.0
                    </div>
                </div>
                <div class="worker-payment-list">
                    <div class="worker-payment-list-inner">
                        <img class="w-6 h-6" src="{{ asset('assets/gunluk-calisma.svg') }}">
                        Gün
                    </div>
                    <div class="text-right text-sm font-normal px-2">
                        0
                    </div>
                </div>
                {{-- <div class="worker-payment-list">
                    <div class="worker-payment-list-inner">
                        <img class="w-6 h-6" src="{{ asset('assets/icons/card-icons/accounting/Avans Talepleri.svg') }}">
                        Aylık
                    </div>
                    <div class="text-right text-sm font-normal px-2">
                        0.0
                    </div>
                </div> --}}
                {{-- <div class="worker-payment-list">
                    <div class="worker-payment-list-inner">
                        <img class="w-6 h-6" src="{{ asset('assets/BES.svg') }}">
                        BES
                    </div>
                    <div class="text-right text-sm font-normal px-2">
                        0.0 ₺
                    </div>
                </div> --}}
                <div class="worker-payment-list">
                    <div class="worker-payment-list-inner">
                        <img class="w-6 h-6" src="{{ asset('assets/icra.svg') }}">
                        İcra
                    </div>
                    <div class="text-right text-sm font-normal px-2">
                        0.0 ₺
                    </div>
                </div>
                <div class="worker-payment-list">
                    <div class="worker-payment-list-inner">
                        <img class="w-6 h-6" src="{{ asset('assets/Ceza.svg') }}">
                        Ceza
                    </div>
                    <div class="text-right text-sm font-normal px-2">
                        0.0 ₺
                    </div>
                </div>
                <div class="worker-payment-list">
                    <div class="worker-payment-list-inner">
                        <img class="w-6 h-6" src="{{ asset('assets/Avans.svg') }}">
                        Avans
                    </div>
                    <div class="text-right text-sm font-normal px-2">
                        0.0 ₺
                    </div>
                </div>
                <div class="worker-payment-list rounded-b">
                    <div class="worker-payment-list-inner">
                        <img class="w-6 h-6" src="{{ asset('assets/icons/card-icons/hr/Zimmet Tutanağı.svg') }}">
                        Zimmet
                    </div>
                    <div class="text-right text-sm font-normal px-2">
                        0.0 ₺
                    </div>
                </div>
            </div>
        </div>
    </div>
    @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