@extends('admin.layout.layout')

@section('title', 'Admin | CMS HOME')

@section('main-content')

    <div class="header bg-gradient-primary pb-8 pt-5 pt-md-8">
        <div class="container-fluid">
            <div class="header-body">
            </div>
        </div>
    </div>
    <div class="container-fluid mt--7">
        <div class="row">
            <div class="col-xl-12 mb-5 mb-xl-0">
                <div class="card bg-gradient-default shadow">
                    <div class="card-header bg-transparent">
                        <div class="row align-items-center">
                            <div class="col">
                                <h6 class="text-uppercase text-light ls-1 mb-1">Overview</h6>
                                <h2 class="text-white mb-0">Home Content</h2>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <form method="post" action="{{route('cms.home.post')}}"
                                enctype="multipart/form-data">
                                @csrf
                                <div class="form-group">
                                    <label><strong>First :</strong></label>
                                <div class="form-group mb-2">
                                    <input type="file" name="first_img" value="{{ $content->first_img }}" class="form-control" />
                                </div>
                                    <textarea class="ckeditor form-control" name="first_sec" value="{{ $content->first_sec }}">{!! $content->first_sec !!}</textarea>
                                </div>
                                <div class="form-group">
                                    <label><strong>Second :</strong></label>
                                    <div class="form-group mb-2">
                                    <input type="file" name="second_img" value="{{ $content->second_img }}" class="form-control" />
                                </div>
                                    <textarea class="ckeditor form-control" name="second_sec" value="{{ $content->second_sec }}">{!! $content->second_sec !!}</textarea>
                                </div>
                                <div class="form-group">
                                    <label><strong>Third :</strong></label>
                                    <div class="form-group mb-2">
                                    <input type="file" name="third_img" value="{{ $content->third_img }}" class="form-control" />
                                </div>
                                    <textarea class="ckeditor form-control" name="third_sec" value="{{ $content->third_sec }}">{!! $content->third_sec !!}</textarea>
                                </div>
                                <div class="form-group">
                                    <label><strong>Fourth :</strong></label>
                                    <div class="form-group mb-2">
                                    <input type="file" name="four_img" value="{{ $content->four_img }}" class="form-control" />
                                </div>
                                    <textarea class="ckeditor form-control" name="four_sec" value="{{ $content->four_sec }}">{!! $content->four_sec !!}</textarea>
                                </div>
                                <div class="form-group">
                                    <label><strong>Fifth :</strong></label>
                                    <div class="form-group mb-2">
                                    <input type="file" name="five_img" value="{{ $content->five_img }}" class="form-control" />
                                </div>
                                    <textarea class="ckeditor form-control" name="five_sec" value="{{ $content->five_sec }}">{!! $content->five_sec !!}</textarea>
                                </div>
                                <div class="form-group">
                                    <label><strong>Sixth :</strong></label>
                                    <div class="form-group mb-2">
                                    <input type="file" name="six_img" value="{{ $content->six_img }}" class="form-control" />
                                </div>
                                    <textarea class="ckeditor form-control" name="six_sec" value="{{ $content->six_sec }}">{!! $content->six_sec !!}</textarea>
                                </div>
                                <div class="form-group text-center">
                                    <button type="submit" class="btn btn-lg text-white" style="background:#003d70;">Update</button>
                                </div>
                            </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.7.0.min.js"
            integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
    <script src="//cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.ckeditor').ckeditor();
        });
    </script>
@endsection