@extends('content')

@section('page-title')
    @if($rate->exists) {{ __('admin.rates.edit_rate_header') }} @else {{ __('admin.rates.add_rate_header') }} @endif
    @endsection

@section('page-content')

    <x-forms.form-wrapper-component formRoute="{{ $rate->exists ? route('admin.rates.update', $rate) : route('admin.rates.insert') }}" formLabel="{{ __('admin.rates.form_panel_title') }}">

        <div class="grid grid-cols-12 gap-4">

            <div class="col-span-12 md:col-span-6 2xl:col-span-3">
                <x-forms.select-alpine-component
                    whichData="rates_types"
                    defaultValue="{{ old('type', $rate->type) }}"
                    inputName="type"
                    searchInput="false"
                    label="rate_type"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-2">
                <x-forms.input-component
                    inputType="text"
                    inputName="rate"
                    inputId="rate"
                    inputValue="{{ old('rate', $rate->rate) }}"
                    inputLabel="{{ __('admin.rates.rate') }}"
                    inputPlaceholder="{{ __('admin.rates.rate') }}"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

            <div class="col-span-12 md:col-span-6 2xl:col-span-7">
                <x-forms.input-component
                    inputType="text"
                    inputName="description"
                    inputId="description"
                    inputValue="{{ old('description', $rate->description) }}"
                    inputLabel="{{ __('admin.rates.description') }}"
                    inputPlaceholder="{{ __('admin.rates.description') }}"
                    inputRequired=1
                    inputClass="input_md"
                />
            </div>

        </div>

        <div class="text-center mt-8">
            <button type="submit" class="btn_lg btn_red">{{ __('main.save') }}</button>
        </div>


    </x-forms.form-wrapper-component>

    <div class="text-center">
        <a href="{{ route('admin.rates') }}" class="btn_lg btn_gray">&laquo; {{ __('main.return') }}</a>
    </div>

@endsection