@extends('layout.backend.containerform')
@section('footer_js')
    <script type="text/javascript">
        $(document).ready(function () {
            $('#sidebar li').removeClass('active');
            $('#sidebar a').removeClass('active');
            $('#sidebar').find('#gallery').addClass('active');
            $('#sidebar').find('#album').addClass('active');

            $('.date-picker').datepicker({format: 'yyyy-mm-dd'});

            $('#photoAddForm').formValidation({
                framework: 'bootstrap',
                excluded: ':disabled',
                icon: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    attachment: {
                        validators: {
                            notEmpty: {
                                message: 'This attachment field is required.'
                            },
                            file: {
                                maxSize: 104857600,   // 1 * 1024 * 1024
                                message: 'The selected file is not valid or file size greater than 100 MB.'
                            }
                        }
                    },
                }
            });
        });
    </script>
@endsection
@section('dynamicdata')

    <div class="row">
        <div class="col-md-12">

            <div data-collapsed="0" class="panel">
                <header class="panel-heading">
                    Add Research Publication for <b>{!! $category->heading !!}</b>
                </header>

                <div class="panel-body">

                    @include('layout.backend.alert')

                    <form id="photoAddForm" action="{{ route('admin.research.category.publication.store', $category->id) }}" method="post" enctype="multipart/form-data">
                    	<div class="form-group col-md-6 col-xs-11">
                            <label for="title">Title *</label>
                            <input type="text" name="title" id="title" value="{!! old('title') !!}" class="form-control title" placeholder="Enter Title" required="required" />
                        </div>

                        <div class="form-group col-md-6 col-xs-11">
                            <label for="author">Author</label>
                            <input type="text" name="author" id="author" value="{!! old('author') !!}" class="form-control author" placeholder="Enter Author"/>
                        </div>
                        <div class="clearfix"></div>

                        <div class="form-group col-md-6 col-xs-11">
	                        <label for="short_description">Short Description</label>
	                        <textarea class="form-control short_description" name="short_description" id="short_description" rows="3" placeholder="Short Description">{!! old('short_description') !!}</textarea>
	                    </div>
                        <div class="form-group col-md-6 col-xs-11">
                            <label for="date">Published Date *</label>
                            <input type="text" name="publish_date" id="date" value="{!! old('date') !!}"
                                   class="form-control date date-picker" placeholder="Enter Published Date"/>
                        </div>
	                    <div class="clearfix"></div>
                            
                        <div class="form-group col-md-6 col-xs-11">
                            <label for="">Status</label>
                            <select name="is_active" class="form-control">
                                <option value="0" {!! (old('is_active') == '0')? 'selected="selected"' : '' !!} >
                                    Unpublished
                                </option>
                                <option value="1" {!!  (old('is_active') == '1' || old('is_active') == '')? 'selected="selected"' : '' !!} >
                                    Published
                                </option>
                            </select>
                        </div>
                        <div class="clearfix"></div>

                        <div class="form-group col-md-6 col-xs-11">
                            <label for="attachment">Attachment(Report) *</label>
                            <div class="fileupload fileupload-new" data-provides="fileupload">
                                <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></div>
                                <div>
                                   <span class="btn btn-white btn-file">
                                   <span class="fileupload-new"><i class="fa fa-paper-clip"></i> Select File to Upload</span>
                                   <span class="fileupload-exists"><i class="fa fa-undo"></i> Change</span>
                                   <input type="file" id="attachment" name="attachment" class="default" required="required" />
                                   </span>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix"></div>

                        {!! csrf_field() !!}
                        <button type="submit" class="btn btn-info">Submit</button>
                    </form>

                </div>

            </div>

        </div>
    </div>
@stop