@extends('layouts.app')
@section('content')
    @include('layouts.sidebar')

    <main id="" class="side_user">
        <!-- Hero -->
        <div class="bg-body-light ">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">


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

        <!-- END Hero -->
        <div class="content">
            <div class="block block-rounded">
                <div class="block-header">
                    <h4 class="block-title ">Home Page</h4>
                </div>
                <div class="block-content block-content-full">
                    <div class="loader" id="loader" style="display: none;">
                        <div class="external-shadow">
                            <div class="central">
                                <div class="intern"></div>
                            </div>
                        </div>
                    </div>
                    @can('view-home page')
                        <form action="{{ route('store.home.page') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            @method('POST')

                            <!-- Title -->
                            <div class="form-outline mb-4 col-8">
                                <h6>Title</h6>
                                <input type="text" id="title" name="title" maxlength="255" minlength="3" required
                                    value="{{ old('title', $homePage->title) }}" class="form-control form-control-lg"
                                    placeholder="Enter Title" />
                            </div>
                            @error('title')
                                <span class="text text-danger">{{ $message }}</span>
                            @enderror

                            <!-- Description -->
                            <div class="form-outline mb-4 col-8">
                                <h6>Description</h6>
                                <textarea id="description" name="description" class="form-control form-control-lg" placeholder="Enter Description">{{ old('description', $homePage->description) }}</textarea>
                            </div>
                            @error('description')
                                <span class="text text-danger">{{ $message }}</span>
                            @enderror

                            <!-- Image -->
                            <div class="form-outline mb-4 col-8">
                                <h6>Image</h6>
                                <input type="file" id="image" name="image" accept="image/*"
                                    class="form-control form-control-lg" />
                                <br><br>
                                @if ($homePage->image)
                                    <div class="mb-3">
                                        <img src="{{ $homePage->image_link }}" alt="Current Image" style="max-width: 200px;">
                                    </div>
                                @endif
                            </div>
                            @error('image')
                                <span class="text text-danger">{{ $message }}</span>
                            @enderror



                            <!-- Form Buttons -->
                            @can('edit-home page')
                                <div class="form-group pt-2">
                                    <button type="submit" id="submitted" class="addbtn">Update</button>
                                </div>
                            @endcan
                        </form>
                    @endcan


                </div>
            </div>
        </div>
        </div>
    </main>

@endsection
@section('script')
@endsection