@extends('layouts.admin_app')

@section('title','Add News - Admin Dashboard')

@section('content')


<main class="content">
	<div class="container-fluid p-0">
		<h1 class="h3 mb-3">Add News</h1>
		<div class="row">
			<div class="col-12">
				<div class="card">
					<!-- <div class="card-header">
						<h5 class="card-title mb-0"></h5>
					</div> -->
					<div class="card-body">
						@include('flash-message')
						<form method="POST" action="{{ route('submit-new-news') }}" enctype="multipart/form-data">
							{{@csrf_field()}}
							<div class="col-12 form-input-wrap mb-4">
								<label class="col-3" for="">Title (In English)</label>
								<div class="col-8">
									<input type="text" class="form-control" name="title_eng" value="{{ old('title_eng') }}">
									@if($errors->has('title_eng'))
			                			@component('components.error')
			                				{{$errors->first('title_eng')}}
			                			@endcomponent
			                		@endif
								</div>
							</div>
							<div class="col-12 form-input-wrap mb-4">
								<label class="col-3" for="">Title (In Arabic)</label>
								<div class="col-8">
									<input type="text" class="form-control" name="title_ar" value="{{ old('title_ar') }}">
									@if($errors->has('title_ar'))
			                			@component('components.error')
			                				{{$errors->first('title_ar')}}
			                			@endcomponent
			                		@endif
								</div>
							</div>
							<div class="col-12 form-input-wrap mb-4">
								<label class="col-3" for="">Description (In English)</label>
								<div class="col-8">
									<textarea class="form-control editor" name="description_eng">{{ old('description_eng') }}</textarea>
									@if($errors->has('description_eng'))
			                			@component('components.error')
			                				{{$errors->first('description_eng')}}
			                			@endcomponent
			                		@endif
								</div>
							</div>
							
							<div class="col-12 form-input-wrap mb-4">
								<label class="col-3" for="">Description (In Arabic)</label>
								<div class="col-8">
									<textarea class="form-control editor" name="description_ar">{{ old('description_ar') }}</textarea>
									@if($errors->has('description_ar'))
			                			@component('components.error')
			                				{{$errors->first('description_ar')}}
			                			@endcomponent
			                		@endif
								</div>
							</div>
							<div class="col-12 form-input-wrap mb-4">
								<label class="col-3" for="">Image</label>
								<div class="col-8">
									<input type="file" class="form-control input-image-upload" name="image" >
									<div class="preview-image" style="display: none;"></div>
									@if($errors->has('image'))
			                			@component('components.error')
			                				{{$errors->first('image')}}
			                			@endcomponent
			                		@endif
								</div>
							</div>
							<div class="col-12 form-input-wrap mb-4">
								<label class="col-3" for="">Link</label>
								<div class="col-8">
									<input type="text" class="form-control" name="link" value="{{ old('link') }}">
									@if($errors->has('link'))
			                			@component('components.error')
			                				{{$errors->first('link')}}
			                			@endcomponent
			                		@endif
								</div>
							</div>
							<div class="col-12 form-input-wrap mb-4">
								<label class="col-3" for=""></label>
								<div class="col-8">
									<input type="submit" name="Submit" value="submit" class="btn btn-primary">
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="https://cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>
	
    <script>
    CKEDITOR.replaceAll( 'editor', {
        height: 200
    } );
    </script>
</main>
@endsection