@extends('layouts.manager')

@section('title','Підрахунок ЗП')
@section('page_title','Підрахунок ЗП')

@push('head')
    <link rel="stylesheet" href="{{ mix('css/manager/salary-calc.css') }}">
@endpush

@section('page_actions')
    <a href="{{ route('manager.cabinet-salary.index') }}" class="btn btn-outline-secondary">
        ← Назад до % кабінетів
    </a>
@endsection

@section('content')

    <div class="admin-card salary-calc-card p-4">

        <form method="POST" action="{{ route('manager.salary-calc.preview') }}">
            @csrf

            <div class="form-row mb-3">
                <div class="col-md-4">
                    <label>Місяць</label>
                    <input type="month"
                           name="month"
                           value="{{ old('month', request('month', now()->format('Y-m'))) }}"
                           class="form-control"
                           required>
                </div>

                <div class="col-md-4">
                    <label>Мінус % від чистого</label>
                    <input type="number"
                           name="penalty"
                           value="{{ old('penalty', request('penalty', 5)) }}"
                           step="0.1"
                           min="0"
                           max="100"
                           class="form-control"
                           required>
                </div>
            </div>

            <div class="form-group mb-3">
                <label>Встав список (Імʼя + Кабінет + Сума)</label>
                <textarea name="raw_text"
                          rows="14"
                          class="form-control salary-calc-textarea"
                          placeholder="Валера T1    2 745,90"
                          required>{{ old('raw_text') }}</textarea>

                <div class="text-muted small mt-2">
                    Формат: <b>Імʼя</b> + <b>T1/T2/...</b> + <b>сума</b>. Рядки з <b>T-R / TR</b> можна залишати — вони
                    підуть в manual.
                </div>
            </div>

            <div class="d-flex justify-content-end">
                <button class="btn btn-primary salary-calc-btn">
                    🧮 Порахувати
                </button>
            </div>

        </form>

    </div>

@endsection