@extends('admin::layouts.master')
@section('htmltitle')
Create Event
@endsection
@section('external_styles')
<link rel="stylesheet" href="{{asset('/css/datetimepicker.min.css')}}" />
@endsection
@section('content')
<div class="widget widget-nopad">
    <div class="widget-header"> <i class="icon-list-alt"></i>
        <h3> Create Event</h3>
    </div>   
    <div class="widget-content">
        <br/>
        <div class="tab-pane" id="formcontrols">
            <form method="post" action="/manage/events" enctype="multipart/form-data">
                {{csrf_field()}}
                <div class="form-group col-md-6">											
                    <label class="control-label" >Title *</label>
                    <div class="controls">
                        <input type="text" class="form-control" id="title" name="title" required>
                    </div> <!-- /controls -->				
                </div> <!-- /control-group -->
                <div class="form-group col-md-6">											
                    <label class="control-label" >Slug *</label>
                    <div class="controls">
                        <input type="text" class="form-control" id="slug" name="slug" required>
                    </div> <!-- /controls -->				
                </div>
                <div class="form-group col-md-6">											
                    <label class="control-label" >City *</label>
                    <div class="controls">
                        <input type="text" class="form-control" id="city" name="city" required>
                    </div> <!-- /controls -->				
                </div>
                <div class="form-group col-md-6">											
                    <label class="control-label" >Location *</label>
                    <div class="controls">
                        <input type="text" class="form-control" id="title" name="location" required>
                    </div> <!-- /controls -->				
                </div>
                <div class="form-group col-md-12">
                    <label class="control-label">Summary </label>
                    <textarea class="form-control"  name="summary"></textarea>
                </div>
                <div class="form-group col-md-12">
                    <label class="control-label">Description</label>
                    <textarea class="form-control" id="description" name="description"></textarea>
                </div>
                <div class="form-group col-md-4">											
                    <label class="control-label" >Event Category</label>
                    <div class="controls">
                        <select class="form-control" name="event_category_id">
                            <option value="">select event category type</option>
                            <option value="1">Waste Heat Recovery</option>
                            <option value="2">Space Conditioning</option>
                            <option value="3">Pumps</option>
                        </select>
                    </div> <!-- /controls -->				
                </div>
                <div class="form-group col-md-4">											
                    <label class="control-label " >Start Date Time</label>
                    <div class="controls">
                        <input type="text" class="form-control datetimepicker" id="starts" name="starts" required>
                    </div> <!-- /controls -->				
                </div>
                <div class="form-group col-md-4">											
                    <label class="control-label" >End Date Time</label>
                    <div class="controls">
                        <input type="text" class="form-control datetimepicker" id="ends" name="ends" required>
                    </div> <!-- /controls -->				
                </div>
                <div class="form-group col-md-12">
                    <label class="control-label">Registration URL</label>
                    <textarea class="form-control"  name="registration_url"></textarea>
                </div>
                <div class="form-group col-md-6">											
                    <label class="control-label" >Select Image</label>
                    <div class="controls">
                        <input type="file" name="image">
                    </div> <!-- /controls -->				
                </div>
                <div class="form-group col-md-6">			
                    <br/>
                    <button type="submit"class="btn btn-primary pull-right">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('external_scripts')
<script type="text/javascript" src='{{url('/js/moment.min.js')}}'></script>
<script type="text/javascript" src='{{url('/js/datetimepicker.min.js')}}'></script>
<script type="text/javascript" src="{{url('/plugins/tinymce/tinymce.min.js')}}"></script>
<script type="text/javascript">
        jQuery(document).ready(function () {
        $(function () {
        $('.datetimepicker').datetimepicker();
        });
        tinymce.init({
        selector: "#description",
                entity_encoding: "named",
                plugins: [
                        "advlist autolink lists link image charmap print preview anchor textcolor",
                        "searchreplace visualblocks code fullscreen",
                        "insertdatetime media table contextmenu paste jbimages"
                ],
                toolbar: "insertfile undo redo | sizeselect | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages | forecolor backcolor |  fontsizeselect ",
                height: 200,
                relative_urls: false,
                remove_script_host: false,
                convert_urls: true,
                document_base_url: ''
        })
        });
</script>

@endsection