@extends('layouts.admin_layout')

@section('Title')پنل مدیریت | صفحه اصلی سایت@endsection

@section('custom-css')
    <style>
        .myHR {
            border-bottom: 1px solid #000;
            padding: 0 0 35px 0;
            margin: 0 15px;
            height: 1px;
            display: block;
            width: 100%;
        }
    </style>
@endsection

@section('custom-js')
    <script src="{{asset('admin/assets/vendor/summernote/dist/summernote.js')}}"></script>
    <script>
        $(".dropify").dropify();
    </script>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="block-header">
            <div class="row clearfix">
                <div class="col-md-6 col-sm-12">
                    <h1>صفحه اصلی سایت</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">پنل مدیریت</a></li>
                            <li class="breadcrumb-item active" aria-current="page">صفحه اصلی سایت</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <div class="row clearfix">
            <div class="col-12">
                <div class="card">
                    <div class="body">
                        <form action="{{route('admin.homepage.update', ['homepage' => 1])}}" method="post" class="row">
                            @csrf
                            @method("PUT")
                            <div class="col-12 col-lg-4 col-xl-3">
                                <div class="row">
                                    <div class="col-12 mt-4">
                                        <label>تصویر بالا</label>
                                        <input value="{{$homepage_info['img']}}" name="top_img" type="text" class="form-control">
                                        <a target="_blank" href="{{$homepage_info['img']}}" class="btn btn-info w-100">
                                            <i class="fa fa-image mr-2"></i>
                                            مشاهده تصویر بالا
                                        </a>
                                    </div>
                                    <div class="col-12 mt-4">
                                        <label>تصویر پوستر فیلم</label>
                                        <input value="{{$homepage_info['about_atom_video_poster']}}" name="about_atom_video_poster" type="text" class="form-control">
                                        <a target="_blank" href="{{$homepage_info['about_atom_video_poster']}}" class="btn btn-info w-100">
                                            <i class="fa fa-image mr-2"></i>
                                            مشاهده تصویر پوستر فیلم
                                        </a>
                                    </div>
                                    <div class="col-12 mt-4">
                                        <label>فیلم</label>
                                        <input value="{{$homepage_info['about_atom_video']}}" name="about_atom_video" type="text" class="form-control">
                                        <a target="_blank" href="{{$homepage_info['about_atom_video']}}" class="btn btn-info w-100">
                                            <i class="fa fa-video-camera mr-2"></i>
                                            مشاهده فیلم فعلی
                                        </a>
                                    </div>
                                </div>
                            </div>

                            <div class="col-12 col-lg-8 col-xl-9">
                                <div class="row">
                                    <div class="col-12 mt-4">
                                        <label>عنوان اول</label>
                                        <input value="{{$homepage_info['top_topic']}}" name="top_topic" type="text" class="form-control">
                                    </div>

                                    <div class="col-12 mt-4">
                                        <label>متن اول</label>
                                        <textarea name="top_text" class="form-control" rows="5">{{$homepage_info['top_text']}}</textarea>
                                    </div>

                                    <div class="myHR"></div>

                                    <div class="col-12 col-lg-6 col-xl-4 mt-4">
                                        <label>باکس اول (3 تا باکس)</label>
                                        <input value="{{$homepage_info['top_three_box_1']}}" name="top_three_box_1" type="text" class="form-control">
                                    </div>

                                    <div class="col-12 col-lg-6 col-xl-4 mt-4">
                                        <label>باکس دوم (3 تا باکس)</label>
                                        <input value="{{$homepage_info['top_three_box_2']}}" name="top_three_box_2" type="text" class="form-control">
                                    </div>

                                    <div class="col-12 col-lg-6 col-xl-4 mt-4">
                                        <label>باکس سوم (3 تا باکس)</label>
                                        <input value="{{$homepage_info['top_three_box_3']}}" name="top_three_box_3" type="text" class="form-control">
                                    </div>

                                    <div class="myHR"></div>

                                    <div class="col-12 mt-4">
                                        <label>عنوان دوم</label>
                                        <input value="{{$homepage_info['second_topic']}}" name="second_topic" type="text" class="form-control">
                                    </div>

                                    <div class="col-12 mt-4">
                                        <label>متن دوم</label>
                                        <textarea name="second_text" class="form-control" rows="5">{{$homepage_info['second_text']}}</textarea>
                                    </div>

                                    <div class="myHR"></div>

                                    <div class="col-12 mt-4">
                                        <label>عنوان بخش سبز</label>
                                        <input value="{{$homepage_info['green_title']}}" name="green_title" type="text" class="form-control">
                                    </div>

                                    <div class="myHR"></div>

                                    <div class="col-12 col-lg-6 col-xl-3 mt-4">
                                        <label>باکس اول (4 تا باکس)</label>
                                        <input value="{{$homepage_info['four_box_1']}}" name="four_box_1" type="text" class="form-control">
                                    </div>

                                    <div class="col-12 col-lg-6 col-xl-3 mt-4">
                                        <label>باکس دوم (4 تا باکس)</label>
                                        <input value="{{$homepage_info['four_box_2']}}" name="four_box_2" type="text" class="form-control">
                                    </div>

                                    <div class="col-12 col-lg-6 col-xl-3 mt-4">
                                        <label>باکس سوم (4 تا باکس)</label>
                                        <input value="{{$homepage_info['four_box_3']}}" name="four_box_3" type="text" class="form-control">
                                    </div>

                                    <div class="col-12 col-lg-6 col-xl-3 mt-4">
                                        <label>باکس چهارم (4 تا باکس)</label>
                                        <input value="{{$homepage_info['four_box_4']}}" name="four_box_4" type="text" class="form-control">
                                    </div>

                                    <div class="myHR"></div>

                                    <div class="col-12 mt-4">
                                        <label>عنوان سوم</label>
                                        <input value="{{$homepage_info['third_topic']}}" name="third_topic" type="text" class="form-control">
                                    </div>

                                    <div class="col-12 mt-4">
                                        <label>متن سوم</label>
                                        <textarea name="third_text" class="form-control" rows="5">{{$homepage_info['third_text']}}</textarea>
                                    </div>

                                    <div class="myHR"></div>

                                    <div class="col-12 mt-4">
                                        <label>عنوان چهارم</label>
                                        <input value="{{$homepage_info['forth_topic']}}" name="forth_topic" type="text" class="form-control">
                                    </div>

                                    <div class="col-12 mt-4">
                                        <label>متن چهارم</label>
                                        <textarea name="forth_text" class="form-control" rows="5">{{$homepage_info['forth_text']}}</textarea>
                                    </div>

                                    <div class="myHR"></div>

                                    <div class="col-12 mt-4">
                                        <label>متن درباره ما</label>
                                        <textarea name="about_atom_text" class="form-control" rows="5">{{$homepage_info['about_atom_text']}}</textarea>
                                    </div>

                                    <div class="myHR"></div>
                                </div>

                                <div class="row">
                                    <div class="col-12 mt-4 text-right">
                                        <button class="btn btn-success">
                                            <i class="fa fa-edit mr-2"></i>
                                            ذخیره تغییرات
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection