@extends('admin.layouts.app')
@section('content')

<div class="container py-4">
    <div class="row g-4">
        <!-- Left Side: Blog Post Form -->
        <div class="col-md-12">
            <div class="bg-white p-4 rounded shadow-sm border">
                <div class="row">
                    <div class="col-md-12">
                        <h4 class="h4 mb-4 text-dark">
                            {{ isset($craft_view) ? 'Edit About Our Craft' : 'Add About Our Craft' }}
                        </h4>

                        <form class="needs-validation" method="post" action="{{ route('store_about_craft') }}" enctype="multipart/form-data">
                            @csrf

                            <div class="row mt-3">
                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Section Title</label>
                                        <input type="text" name="about_title" placeholder="Enter Section Title" class="form-control @error('about_title') is-invalid @enderror" value="{{ old('about_title',isset($craft_view) ? $craft_view->about_title : '' )}}">

                                        @error('about_title')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label for="about_image" class="form-label">Upload Main Image </label>
                                        <input type="file" id="about_image" name="about_image" class="form-control @error('about_image') is-invalid @enderror">
                                        <!-- Preview (optional JS) -->
                                        @if(isset($craft_view->about_image))
                                        <a href="{{ asset('storage/media/about_our_craft_image/' . $craft_view->about_image) }}" style="text-decoration:none;">Show Image</a>
                                        @endif

                                        @error('about_image')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Years Experience</label>
                                        <input type="text" name="about_years_value" placeholder="Enter Years Experience" class="form-control @error('about_years_value') is-invalid @enderror" value="{{ old('about_years_value',isset($craft_view) ? $craft_view->about_years_value : '' )}}">

                                        @error('about_years_value')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Years Label</label>
                                        <input type="text" name="about_years_label" placeholder="Enter Years Label" class="form-control @error('about_years_label') is-invalid @enderror" value="{{ old('about_years_label',isset($craft_view) ? $craft_view->about_years_label : '' )}}">

                                        @error('about_years_label')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Luxury Brands</label>
                                        <input type="text" name="about_brands_value" placeholder="Enter Luxury Brands" class="form-control @error('about_brands_value') is-invalid @enderror" value="{{ old('about_brands_value',isset($craft_view) ? $craft_view->about_brands_value : '' )}}">

                                        @error('about_brands_value')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Luxury Brands Label</label>
                                        <input type="text" name="about_brands_label" placeholder="Enter Luxury Brands Label" class="form-control @error('about_brands_label') is-invalid @enderror" value="{{ old('about_brands_label',isset($craft_view) ? $craft_view->about_brands_label : '' )}}">

                                        @error('about_brands_label')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Turnaround Time</label>
                                        <input type="text" name="about_turnaround_value" placeholder="Enter Turnaround Time" class="form-control @error('about_turnaround_value') is-invalid @enderror" value="{{ old('about_turnaround_value',isset($craft_view) ? $craft_view->about_turnaround_value : '' )}}">

                                        @error('about_turnaround_value')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label">Turnaround Label</label>
                                        <input type="text" name="about_turnaround_label" placeholder="Enter Turnaround Label" class="form-control @error('about_turnaround_label') is-invalid @enderror" value="{{ old('about_turnaround_label',isset($craft_view) ? $craft_view->about_turnaround_label : '' )}}">

                                        @error('about_turnaround_label')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <!-- Question -->
                                    <div class="mb-3">
                                        <label class="form-label text-capitalize" for="about_desc">Short Description
                                        </label>
                                        <textarea id="about_short_description" name="about_short_description" cols="30" rows="10" class="@error('about_short_description') is-invalid @enderror">
                                        {{ old('about_short_description',isset($craft_view) ? $craft_view->about_short_description : '' )}}
                                        </textarea>

                                        @error('about_short_description')
                                        <div class="text-danger">{{ $message }}</div>
                                        @enderror
                                        
                                    </div>
                                </div>
                            </div>

                            <!-- Submit -->
                            <button class="btn btn-{{ isset($craft_view) ? 'primary' : 'success' }}">
                                {{ isset($craft_view) ? 'Update' : 'Create' }}
                            </button>

                        </form>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>


@endsection