@extends('layouts.adminmaster')

@section('title', 'Add Location |Trew India Pvt Ltd')

@section('content')
<div class="main-content">
    <div class="page-content">
        <div class="container-fluid">

            <!-- Page Title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0 font-size-18">Add Location</h4>
                        <a href="{{ route('locations.index') }}" class="btn btn-secondary btn-sm">
                            <i class="mdi mdi-arrow-left"></i> Back to List
                        </a>
                    </div>
                </div>
            </div>

            <!-- Form Section -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">

                            <form action="{{ route('locations.store') }}" method="POST" enctype="multipart/form-data">
                                @csrf

                                <div class="row mb-3">
                                    <!-- City Name -->
                                    <div class="col-md-6">
                                        <label class="form-label">City Name</label>
                                        <input type="text" name="city_name" value="{{ old('city_name') }}" 
                                               class="form-control @error('city_name') is-invalid @enderror" 
                                               placeholder="Enter city name">
                                        @error('city_name')
                                            <span class="invalid-feedback">{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <!-- Service Name -->
                                    <div class="col-md-6">
                                        <label class="form-label">Service Name</label>
                                        <input type="text" name="service_name" value="{{ old('service_name') }}" 
                                               class="form-control @error('service_name') is-invalid @enderror" 
                                               placeholder="Enter service name">
                                        @error('service_name')
                                            <span class="invalid-feedback">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>

                                <!-- Short Description -->
                                <div class="mb-3">
                                    <label class="form-label">Short Description</label>
                                    <input type="text" name="short_description" value="{{ old('short_description') }}" 
                                           class="form-control @error('short_description') is-invalid @enderror" 
                                           placeholder="Short description">
                                    @error('short_description')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Slug -->
                                <div class="mb-3">
                                    <label class="form-label">Slug</label>
                                    <input type="text" name="slug" value="{{ old('slug') }}" 
                                           class="form-control @error('slug') is-invalid @enderror" 
                                           placeholder="unique-slug-name">
                                    @error('slug')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Meta Title -->
                                <div class="mb-3">
                                    <label class="form-label">Meta Title</label>
                                    <input type="text" name="meta_title" value="{{ old('meta_title') }}" 
                                           class="form-control @error('meta_title') is-invalid @enderror" 
                                           placeholder="SEO Meta Title">
                                    @error('meta_title')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Meta Keywords -->
                                <div class="mb-3">
                                    <label class="form-label">Meta Keywords</label>
                                    <input type="text" name="meta_keywords" value="{{ old('meta_keywords') }}" 
                                           class="form-control @error('meta_keywords') is-invalid @enderror" 
                                           placeholder="keyword1, keyword2, keyword3">
                                    @error('meta_keywords')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Meta Description -->
                                <div class="mb-3">
                                    <label class="form-label">Meta Description</label>
                                    <textarea name="meta_description" id="meta_description" rows="4" 
                                              class="form-control @error('meta_description') is-invalid @enderror"
                                              placeholder="Write SEO description...">{{ old('meta_description') }}</textarea>
                                    @error('meta_description')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Service Image -->
                                <div class="mb-3">
                                    <label class="form-label">Service Image</label>
                                    <input type="file" name="service_image" 
                                           class="form-control @error('service_image') is-invalid @enderror">
                                    @error('service_image')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Content -->
                                <div class="mb-3">
                                    <label class="form-label">Content</label>
                                    <textarea name="content" id="content" rows="6" 
                                              class="form-control @error('content') is-invalid @enderror"
                                              placeholder="Full content here...">{{ old('content') }}</textarea>
                                    @error('content')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Status -->
                                <div class="mb-3">
                                    <label class="form-label">Status</label>
                                    <select name="status" class="form-select @error('status') is-invalid @enderror">
                                        <option value="1" {{ old('status', 1) == 1 ? 'selected' : '' }}>Active</option>
                                        <option value="0" {{ old('status') == 0 ? 'selected' : '' }}>Inactive</option>
                                    </select>
                                    @error('status')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Action Buttons -->
                                <div class="d-flex gap-2">
                                    <button type="submit" class="btn btn-success">Save</button>
                                    <a href="{{ route('locations.index') }}" class="btn btn-secondary">Cancel</a>
                                </div>
                            </form>

                        </div> <!-- card-body -->
                    </div> <!-- card -->
                </div> <!-- col -->
            </div> <!-- row -->

        </div> <!-- container-fluid -->
    </div>
</div>

<!-- CKEditor for Content -->
@push('scripts')
<script src="https://cdn.ckeditor.com/4.21.0/standard/ckeditor.js"></script>
<script>
    CKEDITOR.replace('content');
</script>
@endpush

@endsection