@extends('admin.layout.app')

@section('content')

    <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">
                        <h4 class="card-title">Home Banner Section</h4>
                        <form class="forms-sample" action="{{ route('admin.updateHomePage', $home_page->home_page_id) }}"
                        method="post" enctype="multipart/form-data">
                        @csrf
                            <div class="row">
                                <div class="col-12 col-lg-4">
                                    <div class="slider1">
                                        <div class="form-group">
                                            <label for="exampleInputUsername1">Home Banner Title 1</label>
                                            <input type="text" name="home_banner1_title" class="form-control" id="exampleInputUsername1"
                                                value="{{ $home_page->home_banner1_title }}">
                                        </div>
                                        <div class="form-group">
                                            <label>Home Banner Image 1</label>
                                            <div class="row align-items-center">
                                                <div class="col-12 col-lg-3">
                                                    <div class="text-start">
                                                        <img src="{{ $home_page->home_banner_image1 ? asset($home_page->home_banner_image1) : 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="home_banner_image1"
                                                            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-lg-4">
                                    <div class="slider2">
                                        <div class="form-group">
                                            <label for="exampleInputUsername1">Home Banner Title 2</label>
                                            <input type="text" name="home_banner2_title"  class="form-control" id="exampleInputUsername1"
                                            value="{{ $home_page->home_banner2_title }}">
                                        </div>
                                        <div class="form-group">
                                            <label>Home Banner Image 2</label>
                                            <div class="row align-items-center">
                                                <div class="col-12 col-lg-3">
                                                    <div class="text-start">
                                                        <img src="{{ $home_page->home_banner_image2 ? asset($home_page->home_banner_image2) : 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="home_banner_image2"
                                                            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-lg-4">
                                    <div class="slider3">
                                        <div class="form-group">
                                            <label for="exampleInputUsername1">Home Banner Title 3</label>
                                            <input type="text" name="home_banner3_title" class="form-control" id="exampleInputUsername1"
                                            value="{{ $home_page->home_banner3_title }}">
                                        </div>
                                        <div class="form-group">
                                            <label>Home Banner Image 3</label>
                                            <div class="row align-items-center">
                                                <div class="col-12 col-lg-3">
                                                    <div class="text-start">
                                                        <img src="{{ $home_page->home_banner_image3 ? asset($home_page->home_banner_image3) : 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="home_banner_image3"
                                                            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-lg-12">
                                    <div class="slider2">
                                        <div class="row">
                                            <div class="form-group col-lg-6">
                                                <label for="exampleInputUsername1">Section 1 Heading</label>
                                                <input type="text" class="form-control" name="home_section_one_heading" id="exampleInputUsername1"
                                                    value="{!! $home_page->home_section_one_heading !!}">
                                            </div>
                                            <div class="form-group col-lg-6">
                                                <label for="exampleInputUsername1">Section 1 description</label>
                                                <textarea id="summernote" name="home_section_one_content">{!! $home_page->home_section_one_content !!}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-lg-12">
                                    <div class="slider2">
                                        <div class="row">
                                            <div class="form-group col-lg-6">
                                                <label for="exampleInputUsername1">Section 2 Heading</label>
                                                <input type="text" class="form-control" name="home_section_two_heading" id="exampleInputUsername1"
                                                    value="{!! $home_page->home_section_two_heading !!}">
                                            </div>
                                            <div class="form-group col-lg-6">
                                                <label for="exampleInputUsername1">Section 2 Title</label>
                                                <input type="text" class="form-control" name="home_section_two_title" id="exampleInputUsername1"
                                                    value="{!! $home_page->home_section_two_title !!}">
                                            </div>
                                            <div class="form-group col-lg-6">
                                                <label for="exampleInputUsername1">Section 2 Content</label>
                                                <textarea id="summernote" name="home_section_two_content">{!! $home_page->home_section_two_content !!}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-12 col-lg-3 align-items-end">
                                <button type="submit" class="btn w-100 btn-primary mr-2">Update</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection