@extends('admin.template.master')

@section('stylesheets')
    {!! Html::style('assets/admin/bower_components/select2/dist/css/select2.min.css') !!}
    {!! Html::style('assets/admin/plugins/treeview/treeview.css') !!}

    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">

    <style>
        /*Select2 style*/
        .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
            border: 1px solid #d2d6de;
            border-radius: 0;
            padding: 6px 12px;
            height: 34px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-right: 10px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            padding-left: 0;
            padding-right: 0;
            height: auto;
            margin-top: -4px;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 28px;
            right: 3px;
        }

        /*Select2 style*/
    </style>
@endsection

@section('title')
    <section class="content-header">
        <h1>
            Blog Home Sections
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="{!! url('/admin/admin-blog') !!}">Blog</a></li>
            <li class="active">Entry</li>
        </ol>
    </section>
@endsection


@section('main-content')
    <section class="content">
        @if(Session::has('message'))
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-danger alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{Session('message')}}
                    </div>
                </div>
            </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary" style="display: flex">

                    <div class="box-body" style="width: 50%">
                        <div class="box-header with-border">
                            <h3 class="box-title">{{$blogTop1->section_name}}</h3>
                        </div>
                        <form action="{{route('blog-top-1',['id'=>$blogTop1->id])}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Category</label>
                                <select class="form-control" name="category_id" id="category_id" required>
                                  <option value="">Select Category</option>
                                  @foreach ($categories as $category)
                                  <option value="{{$category->id}}" {{$category->id == $blogTop1->category_id ? 'selected' : ''}}>{{$category->category_name}}</option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Featured Blog</label>
                                <select class="form-control" name="featured_blog_id" id="author_id" required>
                                  <option value="">Select Featured Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogTop1->featured_blog_id ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Sub Blog 1</label>
                                <select class="form-control" name="sub_blog_id_1" id="author_id1">
                                  <option value="">Select Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogTop1->sub_blog_id_1 ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Sub Blog 2</label>
                                <select class="form-control" name="sub_blog_id_2" id="author_id2">
                                  <option value="">Select Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogTop1->sub_blog_id_2 ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>

                    <div class="box-body"  style="width: 50%">
                        <div class="box-header with-border">
                            <h3 class="box-title">Top Right Section</h3>
                        </div>
                        <form action="{{route('blog-top-2',['id'=>$blogTop2->id])}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Category</label>
                                <select class="form-control" name="category_id" id="author_id3" required>
                                  <option value="">Select Category</option>
                                  @foreach ($categories as $category)
                                  <option value="{{$category->id}}" {{$category->id == $blogTop2->category_id ? 'selected' : ''}}>{{$category->category_name}}</option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Featured Blog</label>
                                <select class="form-control" name="featured_blog_id" id="author_id4" required>
                                  <option value="">Select Featured Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogTop2->featured_blog_id ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Sub Blog 1</label>
                                <select class="form-control" name="sub_blog_id_1" id="author_id5">
                                  <option value="">Select Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogTop2->sub_blog_id_1 ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Sub Blog 2</label>
                                <select class="form-control" name="sub_blog_id_2" id="author_id6">
                                  <option value="">Select Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogTop2->sub_blog_id_2 ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary" style="display: flex">

                    <div class="box-body" style="width: 50%">
                        <div class="box-header with-border">
                            <h3 class="box-title">Middle Left Section</h3>
                        </div>
                        <form action="{{route('blog-mid-1',['id'=>$blogMid1->id])}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Category</label>
                                <select class="form-control" name="category_id" id="author_id7" required>
                                  <option value="">Select Category</option>
                                  @foreach ($categories as $category)
                                  <option value="{{$category->id}}" {{$category->id == $blogMid1->category_id ? 'selected' : ''}}>{{$category->category_name}}</option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Featured Blog</label>
                                <select class="form-control" name="featured_blog_id" id="author_id8" required>
                                  <option value="">Select Featured Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogMid1->featured_blog_id ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>

                    <div class="box-body"  style="width: 50%">
                        <div class="box-header with-border">
                            <h3 class="box-title">Middle Right Section</h3>
                        </div>
                        <form action="{{route('blog-mid-2',['id'=>$blogMid2->id])}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Sub Blog 1</label>
                                <select class="form-control" name="sub_blog_id_1" id="author_id9">
                                  <option value="">Select Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogMid2->sub_blog_id_1 ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Sub Blog 2</label>
                                <select class="form-control" name="sub_blog_id_2" id="author_id10">
                                  <option value="">Select Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogMid2->sub_blog_id_2 ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Sub Blog 3</label>
                                <select class="form-control" name="sub_blog_id_3" id="author_id11">
                                  <option value="">Select Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogMid2->sub_blog_id_3 ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Sub Blog 4</label>
                                <select class="form-control" name="sub_blog_id_4" id="author_id12">
                                  <option value="">Select Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogMid2->sub_blog_id_4 ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Sub Blog 5</label>
                                <select class="form-control" name="sub_blog_id_5" id="author_id13">
                                  <option value="">Select Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogMid2->sub_blog_id_5 ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary" style="display: flex">

                    <div class="box-body" style="width: 50%">
                        <div class="box-header with-border">
                            <h3 class="box-title">Bottom Left Section</h3>
                        </div>
                        <form action="{{route('blog-bot-1',['id'=>$blogBot1->id])}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Category</label>
                                <select class="form-control" name="category_id" id="author_id14" required>
                                  <option value="">Select Category</option>
                                  @foreach ($categories as $category)
                                  <option value="{{$category->id}}" {{$category->id == $blogBot1->category_id ? 'selected' : ''}}>{{$category->category_name}}</option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Featured Blog</label>
                                <select class="form-control" name="featured_blog_id" id="author_id15" required>
                                  <option value="">Select Featured Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogBot1->featured_blog_id ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</span></option>
                                  @endforeach
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>

                    <div class="box-body"  style="width: 50%">
                        <div class="box-header with-border">
                            <h3 class="box-title">Bottom Right Section</h3>
                        </div>
                        <form action="{{route('blog-bot-2',['id'=>$blogBot2->id])}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
                                <label>Category</label>
                                <select class="form-control" name="category_id" id="author_id16" required>
                                  <option value="">Select Category</option>
                                  @foreach ($categories as $category)
                                  <option value="{{$category->id}}" {{$category->id == $blogBot2->category_id ? 'selected' : ''}}>{{$category->category_name}}</option>
                                  @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Featured Blog</label>
                                <select class="form-control" name="featured_blog_id" id="author_id17" required>
                                  <option value="">Select Featured Blog</option>
                                  @foreach ($blogs as $blog)
                                  <option value="{{$blog->id}}" {{$blog->id == $blogBot2->featured_blog_id ? 'selected' : ''}}>{{$blog->blog_name}} - ({{$blog->category->category_name ?? ""}})</option>
                                  @endforeach
                                </select>
                            </div>
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </section>
@endsection

@section('javascripts')
    {!! Html::script('assets/admin/bower_components/select2/dist/js/select2.full.min.js') !!}
    {!! Html::script('assets/admin/plugins/treeview/treeview.js') !!}
    {!! Html::script('assets/admin/bower_components/ckeditor/ckeditor.js') !!}

    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>

    <script type="text/javascript">
        $('#category_id').select2();

        $(document).ready(function () {
            $('#author_id').select2();
            $('#author_id1').select2();
            $('#author_id2').select2();
            $('#author_id3').select2();
            $('#author_id4').select2();
            $('#author_id5').select2();
            $('#author_id6').select2();
            $('#author_id7').select2();
            $('#author_id8').select2();
            $('#author_id9').select2();
            $('#author_id10').select2();
            $('#author_id11').select2();
            $('#author_id12').select2();
            $('#author_id13').select2();
            $('#author_id14').select2();
            $('#author_id15').select2();
            $('#author_id16').select2();
            $('#author_id17').select2();
            $('#author_id18').select2();
            $('#author_id29').select2();

            $('#summernote').summernote({
                placeholder: 'Enter Long Description',
                tabsize: 2,
                height: 200
              });
        });

        CKEDITOR.replace('long_desc', {
                height: 400,
                allowedContent: true,
                title: 'Line Height'
            });
        // Create slug
        function convertToSlug(Text) {
            return Text
                .toLowerCase()
                .replace(/ /g, '-')
                .replace(/[^\w-]+/g, '')
                ;
        }

        $("#blog_name").blur(function () {
            var blogName = $(this).val();
            var slug = convertToSlug(blogName);
            $("#blog_slug").val(slug);
        });


    </script>
@endsection