@extends('admin.layout.app')

@section('heading', 'Edit Blog')

@section('rightside_button')
    <a href="{{ route('blog_card_show') }}" class="btn btn-primary "><i class="fas fa-list"></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_card_update', $row_data->id) }}" method="post"
                            enctype="multipart/form-data">
                            @csrf

                            <div class="row">
                                <div class="col-md-12">
                                    <h5 class="mb-4">Blog Card :</h5>

                                    <!-- Status -->
                                    <div class="mb-4">
                                        <label class="form-label">Status</label>
                                        <select name="status" class="form-control">
                                            <option value="show"
                                                {{ old('status', $row_data->status) === 'show' ? 'selected' : '' }}>Show
                                            </option>
                                            <option value="hide"
                                                {{ old('status', $row_data->status) === 'hide' ? 'selected' : '' }}>Hide
                                            </option>
                                        </select>
                                    </div>

                                    <div class="mb-4">
                                        <label class="form-label">Page Type</label>
                                        <select name="page_type" class="form-control">
                                            <option value="single"
                                                {{ old('page_type', $blog->page_type ?? '') == 'single' ? 'selected' : '' }}>
                                                Single</option>
                                            <option value="left_sidebar"
                                                {{ old('page_type', $blog->page_type ?? '') == 'left_sidebar' ? 'selected' : '' }}>
                                                Left Sidebar</option>
                                            <option value="right_sidebar"
                                                {{ old('page_type', $blog->page_type ?? '') == 'right_sidebar' ? 'selected' : '' }}>
                                                Right Sidebar</option>
                                        </select>
                                    </div>


                                    <!-- Slug -->
                                    <div class="mb-4">
                                        <label class="form-label">Slug</label>
                                        <input type="text" class="form-control" name="slug"
                                            value="{{ old('slug', $row_data->slug) }}">
                                    </div>

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

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



                                    <!-- Card Photo Upload -->
                                    <div class="mb-4">
                                        <label class="form-label">Card Photo</label><br>
                                        @if ($row_data->card_photo)
                                            <img src="{{ asset('uploads/' . $row_data->card_photo) }}" alt=""
                                                width="100">
                                        @endif
                                        <input type="file" class="form-control" name="card_photo">
                                    </div>

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

                                    <!-- Blog Text -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Text</label>
                                        <textarea class="form-control snote" name="blog_text" rows="4">{{ old('blog_text', $row_data->blog_text) }}</textarea>
                                    </div>

                                    <!-- Blog Photo Upload -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Photo</label><br>
                                        @if ($row_data->blog_photo)
                                            <img src="{{ asset('uploads/' . $row_data->blog_photo) }}" alt=""
                                                width="100">
                                        @endif
                                        <input type="file" class="form-control" name="blog_photo">
                                    </div>



                                    <!-- Blog Photo 2 Upload -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Photo 2</label><br>
                                        @if ($row_data->blog_photo2)
                                            <img src="{{ asset('uploads/' . $row_data->blog_photo2) }}" alt=""
                                                width="100">
                                        @endif
                                        <input type="file" class="form-control" name="blog_photo2">
                                    </div>

                                    <!-- Blog Photo 2 Text -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Photo 2 Text</label>
                                        <textarea class="form-control snote" name="blog_photo2_text" rows="3">{{ old('blog_photo2_text', $row_data->blog_photo2_text) }}</textarea>
                                    </div>

                                    <!-- Blog Photo 2 Lists -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Photo 2 Lists</label>
                                        <textarea style="height: 150px;" class="form-control" name="blog_photo2_lists" rows="4">{{ old('blog_photo2_lists', $row_data->blog_photo2_lists) }}</textarea>
                                    </div>

                                    <!-- Blog Bottom Text 1 -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Bottom Text 1</label>
                                        <textarea class="form-control snote" name="blog_bottom_text1" rows="3">{{ old('blog_bottom_text1', $row_data->blog_bottom_text1) }}</textarea>
                                    </div>

                                    <!-- Blog Bottom Text 2 -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Bottom Text 2</label>
                                        <textarea class="form-control snote" name="blog_bottom_text2" rows="3">{{ old('blog_bottom_text2', $row_data->blog_bottom_text2) }}</textarea>
                                    </div>

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

                                    <!-- Blog Bottom Text 3 -->
                                    <div class="mb-4">
                                        <label class="form-label">Blog Bottom Text 3</label>
                                        <textarea class="form-control snote" name="blog_bottom_text3" rows="3">{{ old('blog_bottom_text3', $row_data->blog_bottom_text3) }}</textarea>
                                    </div>

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

                                    <!-- SEO Meta Description -->
                                    <div class="mb-4">
                                        <label class="form-label">SEO Meta Description</label>
                                        <input type="text" class="form-control" name="seo_meta_description"
                                            value="{{ old('seo_meta_description', $row_data->seo_meta_description) }}">
                                    </div>

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

                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection