@extends('admin.layout.layout')

@section('page-level-css')
@endsection

@section('content')
{{-- csrf token --}}
<meta name="csrf-token" content="{{ csrf_token() }}">
{{-- csrf token --}}
<!-- START PAGE-CONTAINER -->
<div class="page-container ">
    <!-- START HEADER -->
    @include('admin.partials.header')
    <!-- END HEADER -->
    <!-- START PAGE CONTENT WRAPPER -->
    <div class="page-content-wrapper ">
        <!-- START PAGE CONTENT -->
        <div class="content sm-gutter">
            <!-- START JUMBOTRON -->
            <div data-pages="parallax">
                <div class="container-fluid p-l-25 p-r-25 sm-p-l-0 sm-p-r-0">
                    <div class="inner">
                        <!-- START BREADCRUMB -->
                        <ol class="breadcrumb sm-p-b-5">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Create Homepage Information</li>
                        </ol>
                    </div>
                </div>
            </div>
            <!-- END JUMBOTRON -->
            <!-- START CONTAINER FLUID -->
            <div class="container-fluid container-fixed-lg">
                <!-- START ROW -->
                <div class="col-md-12">
                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <button class="close" data-dismiss="alert"></button>
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    @if(Session::has('success'))
                    <div class="alert alert-success">
                        <button class="close" data-dismiss="alert"></button>
                        {{Session::get('success')}}
                    </div>
                    @endif
                </div>

                <div class="card card-default">
                    <div class="card-header ">
                        <div class="card-title">
                            Edit Banner Image Information
                        </div>
                        <div class="tools">
                            <a href="javascript:;" class="collapse"></a>
                            <a href="#grid-config" data-toggle="modal" class="config"></a>
                            <a href="javascript:;" class="reload"></a>
                            <a href="javascript:;" class="remove"></a>
                        </div>
                    </div>
                    <div class="card-body">
                        <form data-parsley-validate method="post"
                            action="{{route('home-page-banner.update',['home_page_banner' => $home_page_content->id])}}"
                            enctype="multipart/form-data">
                            @csrf
                            @method('PUT')
                            <p>Title</p>
                            <input type="text" class="typeahead form-control sample-typehead" name="title"
                                placeholder="title" value="{{$home_page_content->title}}">

                            <p>Sub Title</p>
                            <input type="text" class="typeahead form-control sample-typehead" name="sub_title"
                                placeholder="sub title" value="{{$home_page_content->sub_title}}">

                            <p>Description</p>
                            <input type="text" class="typeahead form-control sample-typehead" name="description"
                                placeholder="description" value="{{$home_page_content->description}}">

                            <p>Current Banner Image</p>
                            @php
                            $bannerImage = json_decode($home_page_content->banner_image);

                            if($bannerImage && !empty($bannerImage)){
                            $imageUrl = $bannerImage->image_url->url;
                            }else{
                            $imageUrl = null;
                            }
                            @endphp
                            @if($imageUrl)
                            <img src="{{$imageUrl}}" width="200px" />
                            @endif

                            <p>Banner Image</p>
                            <input type="file" class="typeahead form-control sample-typehead" name="bannerImages[]"
                                placeholder="Banner Image" value="">

                            <p>Image Name</p>
                            <input type="text" class="typeahead form-control sample-typehead" name="image_name"
                                placeholder="Image Name" value="{{$home_page_content->image_name}}">

                            <p>Image Alt Tag</p>
                            <input type="text" class="typeahead form-control sample-typehead" name="image_alt_tag"
                                placeholder="Image Alt Tag" value="{{$home_page_content->image_alt_tag}}">

                            <p>Banner Url</p>
                            <input type="text" class="typeahead form-control sample-typehead" name="banner_url"
                                placeholder="Banner Url" value="{{$home_page_content->banner_url}}">

                            <button class="btn btn-success mt-3" type="submit">Update</button>

                        </form>



                    </div>




                </div>
            </div>
            <!-- END ROW -->
        </div>
        <!-- END CONTAINER FLUID -->
    </div>
    <!-- END PAGE CONTENT -->
    @include('admin.partials.footer')
    <!-- END COPYRIGHT -->
</div>
<!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTAINER -->
@endsection

@section('page-level-js')

@endsection