@extends('backend.dashboard.layout.master')
@section('content')

@if ($errors->any())
<div class="alert alert-danger">
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif
<div class="container-xxl">
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">
               @if(isset($method) && $method === 'PUT')
                {{ translate('Edit Product Attribute') }}
               @else
                {{ translate('Create Product Attribute') }}
                @endif
            </h3>
        </div>
        <div class="card-body">
            <form class="needs-validation" id="myForm" action="{{ $action }}" method="POST" enctype="multipart/form-data" novalidate>
            @csrf
          @if(isset($method) && $method === 'PUT')
            @method('PUT')
            @endif
            <div class="row g-3">

                <div class="col-md-4">
                    <label for="name" class="form-label required">{{ translate('Key') }}</label>
                    <input type="text" class="form-control " name="name" id="name" value="{{ old('name', $attributeProduct->name ?? '') }}" required>
                    <div class="invalid-feedback">
                        {{ translate('Please enter a name.') }}
                    </div>
                </div>
                <div class="col-md-4">
                    <label for="type" class="form-label required">{{ translate('Type') }}</label>
                    <select class="form-control " name="type" id="type" required>
                     <option value="text">Text</option>
                     <option value="email">Email</option>
                     <option value="number">Number</option>
                     <option value="date">Date</option>
                     <option value="file">File (Image/Logo)</option>
                     <option value="radio">Radio</option>
                     <option value="checkbox">Checkbox</option>
                     <option value="textarea">Textarea</option>

                    </select>
                    <div class="invalid-feedback">
                        {{ translate('Please enter a type.') }}
                    </div>
                </div>
                <div class="col-md-6">
                    <label for="value" class="form-label required   ">{{ translate('Value') }}</label>
                    <input type="text" class="form-control " name="value" id="value" value="{{ old('value', $attributeProduct->value ?? '') }}" required>
                    <div class="invalid-feedback">
                        {{ translate('Please enter a value.') }}
                    </div>
                </div>

            </div>

            <div class="col-md-3">
                    <label for="description" class="form-label">{{ translate('Description') }}</label>
                    <textarea onkeydown="CountCharacters()" class="form-control " name="description" id="description" rows="4" required>{{ old('description', $attributeProduct->description ?? '') }}</textarea>

                    <div class="invalid-feedback">
                        {{ translate('Please enter a description.') }}
                    </div>
                </div>
            <button class="btn btn-primary mt-4" id="submitBtn" type="submit">{{ translate('Submit form') }}</button> <a class="btn btn-danger mt-4 " id="submitBtn" href="{{ route('ProductAttribute.index') }}">{{ translate('Back') }}</a>

        </div>
    </div>
</div>
</form>
@endsection