@extends('admin.layout.app')

@section('content')

    <!-- main-panel -->
    <div class="main-panel">
        <div class="content-wrapper">

            <div class="row">
                <div class="col-12 col-md-12 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">

                            <form class="forms-sample" action="{{ route('admin.updateAboutPage', $about_page->slug) }}" method="post" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-12 col-md-7">
                                        <h4 class="card-title">About Banner Section</h4>
                                        <div class="slider1">
                                            <div class="form-group">
                                                <label for="exampleInputUsername1">About Banner Title</label>
                                                <input type="text" name="banner_title" class="form-control" id="exampleInputUsername1"
                                                    value="{{ $about_page->banner_title }}">
                                            </div>
                                            <div class="form-group">
                                                <label>About Banner Image</label>
                                                <div class="row align-items-center">
                                                    <div class="col-12 col-lg-12">
                                                        <div class="text-start">
                                                            <img src="{{ $about_page->banner_image ? asset($about_page->banner_image) : asset('assets/dummy.jpg') }}"
                                                                class="img-fluid imgTag uploaded" alt="Fav Icon">
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-lg-12 mt-4">
                                                        <div class="input-group col-xs-12">
                                                            <input type="file" name="banner_image"
                                                                class="file-upload-default fileInput">
                                                            <input type="text" class="form-control file-upload-info"
                                                                disabled="" placeholder="Upload Image">
                                                            <span class="input-group-append">
                                                                <button class="file-upload-browse btn btn-primary"
                                                                    type="button">Upload</button>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-12 col-md-7">
                                        

                                        <div class="slider3">
                                            <div class="form-group">
                                                <label for="exampleInputUsername1">Section 1 Title</label>
                                                <input type="text" name="section_1_title" class="form-control" id="exampleInputUsername1"
                                                    value="{{ $about_page->section_1_title }}">
                                            </div>

                                            <div class="form-group">
                                                <label for="exampleInputUsername1">Section 1 Description</label>
                                                <textarea id="summernote" name="section_1_content">{!! $about_page->section_1_content !!}</textarea>
                                            </div>
                                            
                                            <h4 class="card-title mt-5">About Get Discount Section</h4>

                                            <div class="form-group">
                                                <label for="exampleInputUsername1">Get Discount Heading</label>
                                                <input type="text" name="section_2_heading" class="form-control" id="exampleInputUsername1"
                                                    value="{{ $about_page->section_2_heading }}">
                                            </div>

                                            <div class="form-group">
                                                <label for="exampleInputUsername1">Get Discount Title</label>
                                                <input type="text" name="section_2_title" class="form-control" id="exampleInputUsername1"
                                                    value="{{ $about_page->section_2_title }}">
                                            </div>

                                            <div class="form-group">
                                                <label for="exampleInputUsername1">Get Discount description</label>
                                                <textarea id="summernote" name="section_2_content">{!! $about_page->section_2_content !!}</textarea>
                                            </div>

                                            <div class="form-group">
                                                <label>Get Discount Right Image</label>
                                                <div class="row align-items-center">
                                                    <div class="col-12 col-lg-3">
                                                        <div class="text-start">
                                                            <img src="{{ $about_page->section_2_image ? asset($about_page->section_2_image) : asset('assets/dummy.jpg') }}"
                                                                class="img-fluid imgTag uploaded" alt="Fav Icon">
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-lg-9">
                                                        <div class="input-group col-xs-12">
                                                            <input type="file" name="section_2_image"
                                                                class="file-upload-default fileInput">
                                                            <input type="text" class="form-control file-upload-info"
                                                                disabled="" placeholder="Upload Image">
                                                            <span class="input-group-append">
                                                                <button class="file-upload-browse btn btn-primary"
                                                                    type="button">Upload</button>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-12 col-md-7">
                                    <button type="submit" class="btn w-100 btn-primary mt-3">Update All</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>


            <!-- <div class="row">
                <div class="col-md-12 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">Edit Admin Profile</h4>
                            <form class="forms-sample">
                                <div class="row">
                                    <div class="col-12 col-lg-6">
                                        <div class="form-group">
                                            <label for="exampleInputUsername1">Username</label>
                                            <input type="text" class="form-control" id="exampleInputUsername1"
                                                placeholder="Username">
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-6">
                                        <div class="form-group">
                                            <label for="exampleInputEmail1">Email address</label>
                                            <input type="email" class="form-control" id="exampleInputEmail1"
                                                placeholder="Email">
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-6">
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Password</label>
                                            <input type="password" class="form-control" id="exampleInputPassword1"
                                                placeholder="Password">
                                        </div>
                                    </div>
                                    <div class="col-12 col-lg-6">
                                        <div class="form-group">
                                            <label for="exampleInputConfirmPassword1">Confirm Password</label>
                                            <input type="password" class="form-control"
                                                id="exampleInputConfirmPassword1" placeholder="Password">
                                        </div>
                                    </div>
                                </div>
                                <div class="row justify-content-center mt-3">
                                    <div class="col-12 col-lg-3 text-center">
                                        <button type="submit" class="btn w-100 btn-primary mr-2">Update</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
        
@endsection