@extends('Admin.layout.main')
@section('pageTitle', 'Add Insights')
@section('main-container')


<style>
        .btn-outline-primary {
            color: #459aff;
            border-color: #459aff;
        }
        .btn-outline-primary:hover {
            color: #459aff;
            border-color: #459aff;
            color: #fff;
            background-color: #459aff;
        }  
</style>

<div class="main-container">
			<div class="pd-ltr-20 xs-pd-20-10">
				<div class="min-height-200px">
					<div class="page-header">
					<h4 class="text-blue h4">Add New Blog</h4>
					</div>
					<div class="pd-20 card-box mb-30">
						<form action="{{route('saveinsight')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-group">
								<label>Category</label>
								<select name="category" class="form-control" required>
								    <option value="">Select Category</option>
								    <option value="Insight">Insight</option>
								    <option value="Trending">Trending</option>
								</select>
                                @if ($errors->has('category'))
                                      <span class="text-danger">{{ $errors->first('category') }}</span>
                                  @endif
							</div>
                            <div class="form-group">
								<label>Month</label>
								<select name="month" class="form-control" required>
								    <option value="">Select Month</option>
								    <option value="January">January</option>
								    <option value="February">February</option>
								    <option value="March">March</option>
								    <option value="April">April</option>
								    <option value="May">May</option>
								    <option value="June">June</option>
								    <option value="July">July</option>
								    <option value="August">August</option>
								    <option value="September">September</option>
								    <option value="October">October</option>
								    <option value="November">November</option>
								    <option value="December">December</option>
								</select>
                                @if ($errors->has('month'))
                                      <span class="text-danger">{{ $errors->first('month') }}</span>
                                  @endif
							</div>
							<div class="form-group">
								<label>Year</label>
								<select name="year" class="form-control" required>
								    <option value="">Select Year</option>
								    <option value="2023">2023</option>
								    <option value="2024">2024</option>
								    <option value="2025">2025</option>
								    <option value="2026">2026</option>
								    <option value="2027">2027</option>
								    <option value="2028">2028</option>
								    <option value="2029">2029</option>
								    <option value="2030">2030</option>
								    <option value="2031">2031</option>
								    <option value="2032">2032</option>
								    <option value="2033">2033</option>
								    <option value="2034">2034</option>
								    <option value="2035">2035</option>
								</select>
                                @if ($errors->has('year'))
                                      <span class="text-danger">{{ $errors->first('year') }}</span>
                                  @endif
							</div>
							<div class="form-group">
								<label>Upload Slider Images</label>
								<input
									type="file" name="sliderimages[]"
									class="form-control-file form-control height-auto" multiple required
								/>
							</div>
							<div class="form-group">
								<label>Insight Content</label>
								<!--<textarea class="ckeditorTn1 form-control" name="post_short_description" maxlength="10"></textarea>-->
								<textarea class="ckeditorzee form-control" name="insight_content" maxlength="10"></textarea>
                                @if ($errors->has('insight_content'))
                                      <span class="text-danger">{{ $errors->first('insight_content') }}</span>
                                  @endif
							</div>
							<div class="form-group">
								<label>Upload Insight PDF</label>
								<input
									type="file" name="insightpdf"
									class="form-control-file form-control height-auto" required
								/>
							</div>
							
                            <input class="btn btn-outline-primary" type="submit" name="submit">
						</form>
						<div class="collapse collapse-box" id="horizontal-basic-form1">
							<div class="code-box">
								<div class="clearfix">
									<a
										href="javascript:;"
										class="btn btn-primary btn-sm code-copy pull-left"
										data-clipboard-target="#horizontal-basic"
										><i class="fa fa-clipboard"></i> Copy Code</a
									>
									<a
										href="#horizontal-basic-form1"
										class="btn btn-primary btn-sm pull-right"
										rel="content-y"
										data-toggle="collapse"
										role="button"
										><i class="fa fa-eye-slash"></i> Hide Code</a
									>
								</div>
								<pre><code class="xml copy-pre" id="horizontal-basic">
                                <form>
                                	<div class="form-group">
                                		<label>Text</label>
                                		<input class="form-control" type="text" placeholder="Johnny Brown">
                                	</div>
                                	<div class="form-group">
                                		<label>Textarea</label>
                                		<textarea class="form-control"></textarea>
                                	</div>
                                	<div class="form-group">
                                		<label>Example file input</label>
                                		<input type="file" class="form-control-file form-control height-auto">
                                	</div>
                                </form>
                                
                                </code></pre>
							</div>
						</div>
					</div>
					<div class="pd-20 card-box mb-30">
						<div class="collapse collapse-box" id="input-validation-form">
							<div class="code-box">
								<div class="clearfix">
									<a
										href="javascript:;"
										class="btn btn-primary btn-sm code-copy pull-left"
										data-clipboard-target="#input-validation"
										><i class="fa fa-clipboard"></i> Copy Code</a
									>
									<a
										href="#input-validation-form"
										class="btn btn-primary btn-sm pull-right"
										rel="content-y"
										data-toggle="collapse"
										role="button"
										><i class="fa fa-eye-slash"></i> Hide Code</a
									>
								</div>
								<pre><code class="xml copy-pre" id="input-validation">
							</code></pre>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


   
<!--<script src="//cdn.ckeditor.com/4.14.0/standard/ckeditor.js"></script>-->
<!--<script type="text/javascript">-->
<!--    $(document).ready(function() {-->
<!--       $('.ckeditor').ckeditor();-->
<!--    });-->
<!--</script>-->


@endsection