@extends('backend.layout')
@section('title', $title)

@section('headerStyles')

@endsection

@section('content')
    {!! getBreadcrumbs(
               array(
               'dashboard'=>'Home',

               ''=>'Introduction Content'
               ),'Introduction Content'
            ) !!}

    <div class="content mt-3">
        <div class="animated fadeIn">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">

                        @if (Session::has('flash_message'))
                            <br/>
                            <div class="alert alert-success alert-dismissable">
                                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                                <strong>{{ Session::get('flash_message' ) }}</strong>
                            </div>
                        @endif

                        <div class="card-body card-block">

                            <form method="POST" id="notifications" action="{{ route('admin.introduction-content') }}"
                                  accept-charset="UTF-8" class="form-horizontal" enctype="multipart/form-data" method="post">
                                {{ csrf_field() }}
                                
                                <div class="row form-group">
                                    <div class="col col-md-3">
                                        <label for="hf-email" class=" form-control-label">Title</label>
                                    </div>
                                    <div class="col-12 col-md-9">

                                        <input class="form-control tags" id="title" type="text"
                                               placeholder="Enter title"
                                               name="title">
                                     </div>
                                </div>
								<div class="row form-group">
                                    <div class="col col-md-3">
                                        <label for="hf-email" class=" form-control-label">Video URL</label>
                                    </div>
                                    <div class="col-12 col-md-9">

                                        <input class="form-control tags" id="video_url" type="text"
                                               placeholder="Enter Video URL"
                                               name="video_url">
                                     </div>
                                </div>
								<div style="margin-left:300px;text-align:right;"><input type="button" id="btnAddDesc" name="btnAddDesc" value="Add More"></div>
								<div id="descbox">
								
								<div class="row form-group">
                                    <div class="col col-md-3">
                                        <label for="hf-email" class=" form-control-label">Heading</label>
                                    </div>
                                    <div class="col-12 col-md-9">

                                        <input class="form-control tags" id="heading" type="text"
                                               placeholder="Enter heading"
                                               name="heading[]">
                                     </div>
									 
                                </div>
								<div class="row form-group">
                                    <div class="col col-md-3">
                                        <label for="hf-email" class=" form-control-label">Description</label>
                                    </div>
                                    <div class="col-12 col-md-9">

                                        <textarea class="form-control" rows="4" cols="30" id="description" type="text" name="description[]"></textarea>
                                     </div>
                                </div>
								</div>
                                <div id="descbox_content"></div>

                                


                                <div class="card-footer">
                                    <button type="submit" class="btn btn-primary btn-sm">
                                        <i class="fa fa-dot-circle-o"></i> Submit
                                    </button>
                                    <button type="reset" class="btn btn-danger btn-sm">
                                        <i class="fa fa-ban"></i> Reset
                                    </button>
                                </div>
                            </form>
                        </div>


                    </div>
                </div>
            </div>
        </div><!-- .animated -->
    </div><!-- .content -->

@endsection
@section('footerScripts')
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>
<script src="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.min.js"></script>


    <script>
    
        $(function () {
            
           $("#btnAddDesc").on('click',function(){
			   $("#descbox_content").append($("#descbox").html());

		   });
        });
    </script>

@endsection
