<div class="bda-card-area-box">
    <form class="ajax" action="{{ route('admin.frontend.update.main.feature.section') }}" method="POST"
          enctype="multipart/form-data" data-callback="formResponse">
        <div class="row">
            <div class="col-md-12">
                <div class="bda-from-box">
                    <label class="bda-text-label">{{ __('Title') }}<span class="text-danger fs-5">*</span></label>
                    <input type="text" class="bda-from-control @error('main_feature_title') is-invalid @enderror"
                           name="main_feature_title" placeholder="{{__('Title')}}"
                           value="{{old('main_feature_title') ?? $frontendData?->main_feature_title}}">
                    @error('main_feature_title')
                    <span class="invalid-feedback mb-3 mt-0 pt-0" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                    @enderror
                </div>
            </div>
            <div class="col-md-12">
                <div class="bda-from-box">
                    <label class="bda-text-label">{{ __('Short Description') }}<span class="text-danger fs-5">*</span></label>
                    <textarea name="main_feature_short_description" rows="3"
                              class="bda-from-control @error('main_feature_short_description') is-invalid @enderror"
                              placeholder="{{ __('Short Description') }}">{{$frontendData?->main_feature_short_description}}</textarea>
                    @error('main_feature_short_description')
                    <span class="invalid-feedback mb-3 mt-0 pt-0" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                    @enderror
                </div>
            </div>
            <div>
                <button type="submit" class="bda-btu-theme">{{__('Submit')}}</button>
            </div>
        </div>
    </form>
</div>
<div class="bda-card-area-box bda-mt-30">
    <h4 class="bda-mb-20">{{__('Main Feature Item')}}</h4>
    <div class="d-flex justify-content-between align-items-center gap-3 flex-wrap bda-mb-30">
        <div class="bda-table-search">
            <input type="text" placeholder="{{__('Search')}}" id="search">
            <button type="button" class="bda-btu-search">
                <img src="{{getImageUrl('assets/images/icon/Search.svg')}}" alt="{{__('Search Icon')}}">
            </button>
        </div>
        <div>
            <button class="bda-btu-theme" data-bs-toggle="modal"
                    data-bs-target="#mainFeatureItem">{{__('Add Item')}}</button>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table bda-data-table-box" id="mainFeatureItemDataTable">
            <thead>
            <tr>
                <th class="text-start">{{__('SN')}}</th>
                <th class="text-start">{{__('Image')}}</th>
                <th class="text-start">{{__('Title')}}</th>
                <th class="text-start">{{__('Status')}}</th>
                <th class="text-end">{{__('Action')}}</th>
            </tr>
            </thead>

        </table>
    </div>
</div>

