@extends('backend.layouts.app')

@section('content')
<x-back-button-component route="backend.taxes.index" />
{{ html()->form('POST' ,route('backend.taxes.store'))->attribute('enctype', 'multipart/form-data')->attribute('data-toggle', 'validator')           
    ->attribute('id', 'form-submit')  // Add the id attribute here
    ->class('requires-validation')  // Add the requires-validation class
    ->attribute('novalidate', 'novalidate')  // Disable default browser validation
    ->open() }}
@csrf
    <div class="card">
    <div class="card-body">
        <div class="row gy-3">
            <div class="col-md-6">
                {{ html()->label(__('tax.lbl_title') . ' <span class="text-danger">*</span>', 'title')->class('form-label') }}
                {{ html()->text('title')
                        ->attribute('value', old('title'))
                        ->placeholder(__('tax.lbl_title'))
                        ->class('form-control')
                        ->required() }}
                @error('title')
                    <span class="text-danger">{{ $message }}</span>
                @enderror
                <div class="invalid-feedback" id="name-error">Title field is required</div>
            </div>
            <div class="col-md-6">
                {{ html()->label(__('tax.lbl_Type') . ' <span class="text-danger">*</span>', 'type')->class('form-label') }}
                {{ html()->select('type', ['Fixed' => 'Fixed', 'Percentage' => 'Percentage'])
                        ->class('form-control select2')
                        ->required() }}
                @error('type')
                    <span class="text-danger">{{ $message }}</span>
                @enderror
                <div class="invalid-feedback" id="name-error">Type field is required</div>
            </div>
            <div class="col-md-6">
                {{ html()->label(__('tax.lbl_value') . ' <span class="text-danger">*</span>', 'value')->class('form-label') }}
                {{ html()->text('value')
                        ->attribute('value', old('value'))
                        ->placeholder(__('tax.lbl_value'))
                        ->class('form-control')
                        ->required() }}
                @error('value')
                    <span class="text-danger">{{ $message }}</span>
                @enderror
                <div class="invalid-feedback" id="name-error">Value field is required</div>
            </div>
            <div class="col-md-6">
                {{ html()->label(__('plan.lbl_status'), 'status')->class('form-label') }}
                <div class="d-flex align-items-center justify-content-between form-control">
                    {{ html()->label(__('messages.active'), 'status')->class('form-label mb-0 text-body') }}
                    <div class="form-check form-switch">
                        {{ html()->hidden('status', 1) }}
                        {{
                        html()->checkbox('status',old('status', true))
                            ->class('form-check-input')
                            ->id('status')
                        }}
                    </div>
                    @error('status')
                    <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>

            </div>
        </div>
    </div>
    </div>
    <div class="d-grid d-sm-flex justify-content-sm-end gap-3 mb-5">
        {{ html()->submit(trans('messages.save'))->class('btn btn-md btn-primary float-right')->id('submit-button') }}
    </div>
{{ html()->form()->close() }}
@endsection