@extends('backend.layouts.app')
@section('content')

    <div class="content-page">
        <div class="content">

            <!-- Start Content-->
            <div class="container-fluid">

                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <a href="#" class="btn btn-sm btn-dark waves-effect">
                                        <i class="dripicons-reply me-1"></i> Home Page
                                    </a>
                                </ol>
                            </div>
                            <h4 class="page-title">Home Page</h4>
                        </div>
                    </div>
                </div>

                <!-- end page title -->

                <div class="card">
                    <div class="card-body">
                        @if (isset($homepage) && isset($homepage->id))

                            <form action="{{ route('homepage.update', $homepage->id) }}" method="POST"
                            enctype="multipart/form-data" class="needs-validation" novalidate>
                            @method('PUT')
                        @else

                            <form action="{{ route('homepage.store') }}" method="POST"
                            enctype="multipart/form-data" class="needs-validation" novalidate>
                        @endif

                        @csrf

                            <div class="row">

                                <div class="mb-3 col-md-4">
                                    <label class="form-label" > Experience Years</label>
                                    <input type="text" class="form-control" name="experience_years"
                                         value="{{ old('experience_years', optional($homepage)->experience_years) }}">
                                </div>

                                <div class="mb-3 col-md-4">
                                    <label class="form-label"> Welcome Title</label>
                                    <input type="text" class="form-control" name="welcome_title"
                                      value="{{ old('welcome_title', optional($homepage)->welcome_title) }}">
                                </div>

                                <div class="mb-3 col-md-4">
                                    <label class="form-label"> Title</label>
                                    <input type="text" class="form-control" name="title"
                                         value="{{ old('title', optional($homepage)->title) }}">
                                </div>

                                <div class="mb-3 col-md-12">
                                    <label class="form-label"> Welcome Text</label>
                                    <textarea class="ckeditor" name="welcome_text" rows="8">{{ old('welcome_text', optional($homepage)->welcome_text)  }}</textarea>
                                </div>

                                <div class="mb-3 col-md-4">
                                    <label class="form-label" >Welcome Image</label>
                                    <input type="file" name="welcome_image" class="form-control">

                                    <img id="blah" src="{{ URL::asset('backend/images/homepage/' . old('welcome_image', optional($homepage)->welcome_image)) }}"
                                             onerror="this.onerror=null; this.src='../backend/images/no_image.png'" style="width: 35%;"/>

                                </div>

                                <div class="mb-3 col-md-12">
                                   <button class="btn btn-primary" type="submit">Submit</button>
                                </div>

                            </div>
                        </form>


                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- container -->
    </div>
    <!-- content -->

    </div>

    </div>
    <!-- END wrapper -->

    @endsection