@extends('admin-layout.app')
@section('content')
    <div class="page-wrapper">

        <!-- Page Content-->
        <div class="page-content">
            <div class="container-xxl">

                <div class="row justify-content-center">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <h4 class="card-title">Blog</h4>
                                    </div><!--end col-->
                                </div> <!--end row-->
                            </div><!--end card-header-->
                            <div class="card-body pt-0">


                                <form
                                    action="{{ isset($blog) ? route('blog.update', $blog->Bg_Id) : route('blog.store') }}"
                                    method="POST" enctype="multipart/form-data">
                                    @csrf
                                    @if (isset($blog))
                                        @method('PUT')
                                    @endif
                                    <div class="row">
                                        <div class="col-lg-6">

                                            <div class="mb-3 row">
                                                <label class="text-danger">*</label>
                                                <div class="col-sm-10">
                                                    <input class="form-control" type="text" autocomplete="off"
                                                        placeholder="Enter Bg_Name :" id="Bg_Name" name="Bg_Name"
                                                        value="{{ old('Bg_Name', $blog->Bg_Name ?? '') }}">

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






                                        </div>
                                        <div class="col-lg-6">




                                            <div class="mb-3 row">
                                                <label class="text-danger">* </label>
                                                <div class="col-sm-10">
                                                    <input class="form-control" type="file" id="Bg_Img"
                                                        name="Bg_Img">
                                                </div>
                                                @if (isset($blog) && $blog->Bg_Img)
                                                    <div class="mt-2">
                                                        <img src="{{ asset('uploads/blogs/' . $blog->Bg_Img) }}"
                                                            width="100" alt="blog Image">
                                                    </div>
                                                @endif

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


                                            </div>




                                            <div class="mb-3 row">
                                                <label class="text-danger">image Alt </label>
                                                <div class="col-sm-10">
                                                    <input class="form-control" type="text" autocomplete="off"
                                                        placeholder="Enter img Alt:" id="Bg_Img_Alt"
                                                        name="Bg_Img_Alt"
                                                        value="{{ old('Bg_Img_Alt', $blog->Bg_Img_Alt ?? '') }}">

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


                                            <div class="mb-3 row">
                                                <label class="text-danger">image title </label>
                                                <div class="col-sm-10">
                                                    <input class="form-control" type="text" autocomplete="off"
                                                        placeholder="Enter img Title :" id="Bg_Img_Title"
                                                        name="Bg_Img_Title"
                                                        value="{{ old('Bg_Img_Title', $blog->Bg_Img_Title ?? '') }}">

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










                                            <div class="mb-3 row">

                                                <div class="col-sm-10">
                                                    <button
                                                        class="btn btn-primary float-end">{{ isset($blog) ? 'Update' : 'Submit' }}</button>
                                                </div>
                                            </div>


                                        </div>
                                </form>





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



            @include('admin.footer')
            <!--end footer-->
        </div>
        <!-- end page content -->
    </div>

    <!-- end page-wrapper -->

    <!-- Javascript  -->
    <!-- vendor js -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
@endsection