@extends('admin.layout.app')

@section('heading', 'Update Blog Section')

@section('rightside_button')
    <a href="{{ route('blog_card_show') }}" class="btn btn-primary "><i class="fas fa-eye"></i>View All</a>
@endsection

@section('main_content')
    <div class="section-body">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('blog_submit') }}" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">

                                    <!-- Blog Status -->
                                    <h5 class="mb-4">Blog page toggler (Page + Nav)</h5>
                                    <div class="mb-4">
                                        <label class="form-label">Homepage Blog Status</label>
                                        <select name="blog_status" class="form-control">
                                            <option value="show"
                                                {{ $blog_data->blog_status === 'show' ? 'selected' : '' }}>Show</option>
                                            <option value="hide"
                                                {{ $blog_data->blog_status === 'hide' ? 'selected' : '' }}>Hide</option>
                                        </select>
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Blog All Status</label>
                                        <select name="blog_all_status" class="form-control">
                                            <option value="show"
                                                {{ $blog_data->blog_all_status === 'show' ? 'selected' : '' }}>Show</option>
                                            <option value="hide"
                                                {{ $blog_data->blog_all_status === 'hide' ? 'selected' : '' }}>Hide</option>
                                        </select>
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Blog Details Status</label>
                                        <select name="blog_details_status" class="form-control">
                                            <option value="show"
                                                {{ $blog_data->blog_details_status === 'show' ? 'selected' : '' }}>Show
                                            </option>
                                            <option value="hide"
                                                {{ $blog_data->blog_details_status === 'hide' ? 'selected' : '' }}>Hide
                                            </option>
                                        </select>
                                    </div>

                                    <h5 class="mb-4">Homepage Blog Headers:</h5>

                                    <!-- Blog Title Highlight -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Title Highlight</label>
                                        <input type="text" class="form-control" name="blog_title_highlight"
                                            value="{{ old('blog_title_highlight', $blog_data->blog_title_highlight) }}">
                                    </div>

                                    <!-- Blog Title -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Title</label>
                                        <input type="text" class="form-control" name="blog_title"
                                            value="{{ old('blog_title', $blog_data->blog_title) }}">
                                    </div>



                                    <!-- Blog Title Text -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Title Text</label>
                                        <input type="text" class="form-control" name="blog_title_text"
                                            value="{{ old('blog_title_text', $blog_data->blog_title_text) }}">
                                    </div>



                                    <h5 class="mb-4">Blog Single Breadcrumbs:</h5>

                                    <!-- Blog Breadcrumb 1 -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Single Top Left Navtext </label>
                                        <input class="form-control" type="text" name="blog_single_bread1"
                                            value="{{ $blog_data->blog_single_bread1 }}">
                                    </div>


                                    <!-- Blog Breadcrumb 2 -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Single Top Right Navtext </label>
                                        <input type="text" class="form-control" name="blog_single_bread2"
                                            value="{{ $blog_data->blog_single_bread2 }}">
                                    </div>

                                    <!-- Submit Button -->
                                    <div class="mb-4">
                                        <button type="submit" class="btn btn-primary ">Update</button>
                                    </div>

                                </div>
                            </div>
                        </form>
                    </div> <!-- card-body -->
                </div> <!-- card -->
            </div>
        </div>
    </div>
@endsection