@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Asgari Ücretler' => '/root/min-salaries',
            'Asgari Ücret Düzenle' => '/root/min-salary/edit/' . $minSalary->id,
        ],
    ]) !!}
@endsection
@section('content')
    <div class="container-app">
        <div class="mt-4 grid px-6 bg-theme_secondary_black rounded-lg">
            <!-- Header -->
            <div class="border-b-2 border-teheme_third_black py-6">
                <h1 class="heading-1">
                    Asgari Ücreti Düzenleyiniz
                </h1>
            </div>
            <!-- Body Content -->
            <div class="py-6">
                <form id="editForm" method="POST" action="{{ route('root.updateMinSalary', [$minSalary->id]) }}" onsubmit="showLoading()">
                    @csrf
                    <div id="section_1" class="flex flex-col">
                        <div class="flex lg:flex-row flex-col gap-6">
                            <div class="py-2 flex flex-col lg:w-1/2">
                                <span class="mb-2 text-lg text-theme_white font-medium">Saatlik Ücret</span>
                                <input type="number" step="0.01" class="input-1" name="hourly_salary"
                                    value="{{ $minSalary->hourly_salary }}" />
                            </div>
                            <div class="py-2 flex flex-col lg:w-1/2">
                                <span class="mb-2 text-lg text-theme_white font-medium">Günlük Ücret</span>
                                <input type="number" step="0.01" class="input-1" name="daily_salary"
                                    value="{{ $minSalary->daily_salary }}" />
                            </div>
                        </div>

                        <div class="flex lg:flex-row flex-col gap-6">
                            <div class="py-2 flex flex-col lg:w-1/2">
                                <span class="mb-2 text-lg text-theme_white font-medium">Aylık Ücret</span>
                                <input type="number" step="0.01" class="input-1" name="monthly_salary"
                                    value="{{ $minSalary->monthly_salary }}" />
                            </div>
                            <div class="py-2 flex flex-col lg:w-1/2">
                                <span class="mb-2 text-lg text-theme_white font-medium">Yıllık Ücret</span>
                                <input type="number" step="0.01" class="input-1" name="yearly_salary"
                                    value="{{ $minSalary->yearly_salary }}" />
                            </div>
                        </div>

                        <div class="flex lg:flex-row flex-col gap-6">
                            <div class="py-2 flex flex-col lg:w-1/2">
                                <span class="mb-2 text-lg text-theme_white font-medium">Ücret Tarihi</span>
                                <input type="date" class="input-1" name="salary_date"
                                    value="{{ $minSalary->salary_date }}" />
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- Footer -->
            <div class="flex justify-end border-t-2 border-teheme_third_black py-6">
                <button type="submit" form="editForm"
                    class="text-gray-300 px-4 inline-flex justify-center items-center gap-3 border rounded-[10px] hover:bg-theme_gray transition-all delay-100 hover:text-theme_black font-bold h-[42px]">
                    <i class="fa-solid fa-save"></i>
                    Kaydet
                </button>
            </div>
        </div>
    </div>
    @if (session('error'))
        @include('components.error-modal')
    @endif
    @if (session('success'))
        @include('components.success-modal')
    @endif
@endsection