@extends('layouts.app1')

@section('content')
<!-- page content -->
<div class="right_col" role="main">
    @include('flashmessage')
                <div class="">
                    <div class="page-title">
                        <div class="title_left">
                            <h3>Sliders</h3>
                        </div>

                        <div class="title_right">
                            <div class="col-md-5 col-sm-5 form-group pull-right top_search">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Search for...">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default" type="button">Go!</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a class="btn btn-success text-right" href="/setting/slider">
                        <i class="fa fa-list" aria-hidden="true"></i> List
                    </a>  
                    <div class="clearfix"></div>

                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="x_panel">
                                <div class="x_title">
                                    <h2>Add <small>Sliders</small></h2>
                                    <ul class="nav navbar-right panel_toolbox">
                                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                        </li>
                                        <li class="dropdown">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item" href="#">Settings 1</a>
                                                <a class="dropdown-item" href="#">Settings 2</a>
                                            </div>
                                        </li>
                                        <li><a class="close-link"><i class="fa fa-close"></i></a>
                                        </li>
                                    </ul>
                                    <div class="clearfix"></div>
                                </div>                               

                                <div class="x_content">
                                    <form method="POST" enctype="multipart/form-data" id="form" class="" action="/setting/slider_store">
                                        @csrf
                                        <div class="row">
                                            <div class="field item form-group col-md-12">
                                                <label class="col-form-label col-md-2 col-sm-2  label-align">Slider Name<span class="required">*</span></label>
                                                <div class="col-md-8 col-sm-8">
                                                <input type="text" class="form-control" 
                                                    id='slider_name' name="slider_name">
                                                </div>
                                            </div>
                                            <div class="field item form-group col-md-12">
                                                <label class="col-form-label col-md-2 col-sm-2  label-align">Slider Image<span class="required">*</span></label>
                                                <div class="col-md-8 col-sm-8">
                                                <input type="file" class="form-control" 
                                                    id='slider' name="slider">
                                                </div>
                                            </div>                                            
                                        </div>
                                        <div class="mt-5">
                                            <div class="form-group">
                                                <div class="col-md-6">
                                                    <button type='submit' class="btn btn-primary">Submit</button>
                                                    <button type='reset' class="btn btn-success">Reset</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /page content -->
@endsection