@extends('layouts.admin.app')

@section('content')

<style>
    .btn-sm, .btn-group-sm > .btn {
        font-size: 12px;
    }
</style>

<div class="page-wrapper">
	<!-- Page Content -->
    <div class="content container-fluid">
        <div class="crms-title row bg-white">
            <div class="col">
                <h3 class="page-title m-0">
                <span class="page-title-icon bg-primary text-white mr-2">
                    <i class="fa fa-user-o" aria-hidden="true"></i>
                </span>Home Page Slider </h3>
            </div>
            <div class="col text-right">
                <ul class="breadcrumb bg-white float-right m-0 pl-0 pr-0">
                    <li class="breadcrumb-item"><a href="{{url('/admin/home')}}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Home Page Slider</li>
                </ul>
            </div>
        </div>
        <!-- Page Header -->
        <div class="page-header pt-3 mb-0 ">
            <div class="row">
                <div class="col"> 
                </div>
                <div class="col text-right">
                    <ul class="list-inline-item pl-0">
                        <!-- <li class="list-inline-item">
                            <button class="add btn btn-primary font-weight-bold text-white todo-list-add-btn btn-rounded" id="add-task" data-toggle="modal" data-target="#add_category">Add New</button>
                        </li> -->
                    </ul>
                </div>
            </div>
        </div>
        <!-- /Page Header -->
        <div class="row">
            <div class="col-lg-12">

            <div class="my-2">
                <a class="btn btn-primary" href="{{ route('home-innerbg.index') }}"> Back</a>
            </div>
        
            @if ($errors->any())
                <div class="alert alert-danger">
                    <strong>Whoops!</strong> There were some problems with your input.<br><br>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="card"> 
                <div class="card-body">
                    <h4 class="card-title">New Menu</h4>
                    <form action="{{ route('home-innerbg.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="form-body">
                            <div class="row p-t-20">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label">Name</label>
                                        <input type="text" id="name" name="name" class="form-control" placeholder="Name" required>  
                                        <small class="form-control-feedback"> </small> </div>
                                </div>
                                <!--/span-->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label">Upload Image</label>
                                        <input type="file" id="image" name="image" class="form-control" required>  
                                        <small class="form-control-feedback"> </small> </div>
                                </div>
                            </div>
                            <hr/>
                            <div class="row p-t-20">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label">Meta Tile</label>
                                        <input type="text" id="meta_title" name="meta_title" class="form-control" placeholder="Meta Title" required>  
                                        <small class="form-control-feedback"> </small> </div>
                                </div>
                                <!--/span-->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="control-label">Meta Tag</label>
                                        <input type="text" id="meta_tag" name="meta_tag" class="form-control" data-role="tagsinput" required>  
                                        <small class="form-control-feedback"> </small> </div>
                                </div>
                            </div>
                            <div class="row p-t-20">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="control-label">Meta description</label>
                                        <textarea id="meta_description" name="meta_description" class="form-control" placeholder="Meta Description"></textarea>  
                                        <small class="form-control-feedback"> </small> </div>
                                </div>
                                <!--/span-->
                            </div>
                            <div class="row p-t-20">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label class="control-label">Publish</label>
                                        <select class="form-control" name="is_published" id="is_published">
                                            <option>Select any one</option>
                                            <option value="1">Publish</option>
                                            <option value="0">Draft</option>
                                        </select>
                                        <small class="form-control-feedback"> </small> </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-actions">
                            <button type="submit" class="btn btn-success"> <i class="fa fa-check"></i> Save</button>
                            <a href="{{ route('home-innerbg.index') }}" class="btn btn-inverse">Cancel</a>
                        </div>
                    </form>
                </div>    
            </div>
        </div>
</div>
<script type="text/javascript">
    var predefined_list = ["Linux", "Mac", "Windows"];
    $('#meta_tag').tagsInput({
        'autocomplete': {
            source: predefined_list
        },
        freeInput: false,
        trimValue: true,
    });
</script>


@endsection