@extends('webapp.layouts.app')

@section('content')
    <!-- Main Content -->
    <div class="page-wrapper">
        <div class="container-fluid">

            <!-- Title -->
            <div class="row heading-bg">
                <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
                    <h5 class="txt-dark">Slide Show</h5>
                </div>

                <!-- Breadcrumb -->
                <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
                    <ol class="breadcrumb">
                        <li><a href="{{asset('home')}}">Dashboard</a></li>
                        <li><a href="{{asset('/slide_show')}}"><span>Slide Show</span></a></li>
                        <li class="active"><span>Creator</span></li>
                    </ol>
                </div>
                <!-- /Breadcrumb -->

            </div>
            <!-- /Title -->

            <!-- Row -->
            <div class="row">
                <div class="col-md-12">
                    @include('webapp.sections.error_message')
                    <div class="panel panel-default card-view">
                        <div class="panel-heading">
                            <div class="pull-left">
                                <h6 class="panel-title txt-dark">Creator</h6>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="panel-wrapper collapse in">
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-wrap">
                                            <form action="{{asset('slide_show')}}" method="post" class="form-horizontal" enctype="multipart/form-data">
                                                @csrf
                                                <div class="form-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-3">Language</label>
                                                                <div class="col-md-9">
                                                                    <select class="form-control" name="lang">
                                                                        <option value="en">English</option>
                                                                        <option value="zh">Chinese</option>
                                                                        <option value="vi">Vietnamese</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--/span-->
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-3">Image</label>
                                                                <div class="col-md-9">
                                                                    <input type="file" id="input-file-disable-remove" name="image_src" accept=".jpg,.jpeg,.png," class="dropify" data-default-file="" required/>
                                                                    <span class="help-block">Only support .jpg,.jpeg,.png &nbsp;|&nbsp;Recommended size : 1980px X 650px</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!--/span-->



                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-3">link to</label>
                                                                <div class="col-md-9">
                                                                    <input type="text" class="form-control" name="path" required>
                                                                    <span class="help-block">Maximum Length ： 190 characters &nbsp;|&nbsp;For example：{{config('app.url')}}/zh/tour/#tour_id</span>
                                                                </div>
                                                            </div>
                                                        </div>

                                                    </div>

                                                    <div class="seprator-block"></div>
                                                </div>
                                                <div class="form-actions mt-10">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="row">
                                                                <div class="col-md-offset-3 col-md-9">
                                                                    <button type="submit" class="btn btn-success  mr-10">Submit</button>
                                                                    <a href="{{asset('/slide_show')}}" type="button" class="btn btn-default">Cancel</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6"> </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Row -->
        </div>
        @include('webapp.sections.footer')
    </div>
    <!-- /Main Content -->
@endsection