@extends('admin.master_layout')
@section('title')
<title>{{__('admin.Edit Property Category')}}</title>
@endsection
@section('admin-content')
    <div class="main-content">
        <section class="section">
            <div class="section-header">
                <h1>{{__('admin.Edit Property Category')}}</h1>
                <div class="section-header-breadcrumb">
                    <div class="breadcrumb-item active"><a href="{{ route('admin.dashboard') }}">{{__('admin.Dashboard')}}</a></div>
                    <div class="breadcrumb-item active"><a href="{{ route('admin.property-categories') }}">{{__('admin.Property Categories')}}</a></div>
                    <div class="breadcrumb-item">{{__('admin.Edit Category')}}</div>
                </div>
            </div>

            <div class="section-body">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <form action="{{ route('admin.property-categories.update', $propertyCategory->id)}}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{__('admin.Name')}} <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" name="name" value="{{ old('name', $propertyCategory->name) }}">
                                                @error('name')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{__('admin.Slug')}}</label>
                                                <input type="text" class="form-control" name="slug" value="{{ old('slug', $propertyCategory->slug) }}">
                                                @error('slug')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>{{__('admin.Description')}}</label>
                                                <textarea class="form-control" name="description" rows="3">{{ old('description', $propertyCategory->description) }}</textarea>
                                                @error('description')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{__('admin.Status')}}</label>
                                                <select class="form-control" name="status">
                                                    <option value="1" {{ old('status', $propertyCategory->status) == 1 ? 'selected' : '' }}>{{__('admin.Active')}}</option>
                                                    <option value="0" {{ old('status', $propertyCategory->status) == 0 ? 'selected' : '' }}>{{__('admin.Inactive')}}</option>
                                                </select>
                                                @error('status')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{__('admin.Show at Home')}}</label>
                                                <select class="form-control" name="show_at_home">
                                                    <option value="1" {{ old('show_at_home', $propertyCategory->show_at_home) == 1 ? 'selected' : '' }}>{{__('admin.Yes')}}</option>
                                                    <option value="0" {{ old('show_at_home', $propertyCategory->show_at_home) == 0 ? 'selected' : '' }}>{{__('admin.No')}}</option>
                                                </select>
                                                @error('show_at_home')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>{{__('admin.Serial')}}</label>
                                                <input type="number" class="form-control" name="serial" value="{{ old('serial', $propertyCategory->serial) }}">
                                                @error('serial')
                                                    <span class="text-danger">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <button class="btn btn-primary">{{__('admin.Update')}}</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection

@push('scripts')
<script>
    $(document).ready(function() {
        // Auto-generate slug from name
        $('input[name="name"]').on('keyup', function() {
            var name = $(this).val();
            var slug = name.toLowerCase()
                         .replace(/[^\w ]+/g, '')
                         .replace(/ +/g, '-');
            $('input[name="slug"]').val(slug);
        });
    });
</script>
@endpush