@extends('layouts.app')
@section('urlContent')
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Asgari Ücretler' => '/root/min-salaries',
            'Asgari Ücret Ekle' => '/root/min-salary/create',
        ],
    ]) !!}
@endsection
@section('content')
    {{-- @include('components.sidebar') --}}
    {{-- @include('components.profile') --}}
    <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 Ücret Oluşturunuz
                </h1>
            </div>
            <!-- Body Content -->
            <div class="py-6">
                <form id="createForm" method="POST" action="{{ route('root.createMinSalary') }}" 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="{{ old('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="{{ old('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="{{ old('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="{{ old('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" />
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <!-- Footer -->
            <div class="flex justify-end border-t-2 border-teheme_third_black py-6">
                <button type="submit" form="createForm"
                    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