@extends('layouts.admin_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1>@lang('translate.add_news')</h1>
	</div>
	<div class="flash-message">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
			<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
		@endif
		@endforeach
	</div>
	<div class="justify-content-end d-flex mb-3">
		<a href="{{ url('/admin/news/newslist') }}" class="btn btn-xs btn-primary">@lang('translate.view_news')</a>
	</div>
	<div class="bg-dark rounded-3 px-4 py-4 px-xl-6 py-xl-5 mb-4">
        <form role="form" method="post" action="{{ url('/admin/news/newsstore') }}" enctype="multipart/form-data">
			@csrf
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="title" class="form-label">@lang('translate.title') <span class="required-mark">*</span></label>
						<input type="text" name="title" class="form-control form-control-lg @error('title') is-invalid @enderror" id="title" value="{{ old('title') }}" placeholder="@lang('translate.enter_news_title')">
						@error('title')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="description" class="form-label">@lang('translate.description') <span class="required-mark">*</span></label>
						<textarea name="description" class="form-control form-control-lg @error('description') is-invalid @enderror" id="description" placeholder="@lang('translate.enter_description')" rows="8" cols="50">{{ old('description') }}</textarea>
						@error('description')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="short_description" class="form-label">@lang('translate.short_description') <span class="required-mark">*</span></label>
						<textarea name="short_description" class="form-control form-control-lg @error('short_description') is-invalid @enderror" id="short_description" placeholder="@lang('translate.enter_short_description')" rows="4" cols="50">{{ old('short_description') }}</textarea>
						@error('short_description')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="filename" class="form-label">@lang('translate.image') <span class="required-mark">*</span></label>
						<input type="file" name="filename" class="form-control form-control-lg bg-secondary @error('filename') is-invalid @enderror" id="filename" accept="image/jpg, image/jpeg, image/png">
						@error('filename')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="status" class="form-label">@lang('translate.status') <span class="required-mark">*</span></label>
						<select name="status" class="form-control form-control-lg bg-secondary @error('status') is-invalid @enderror" id="status">
							<option value="1">Publish</option>
							<option value="0">Unpublish</option>
						</select>
						@error('status')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-sm-12 col-md-6 col-lg-6">
					<div class="mb-4">
						<label for="trending" class="form-label">Trending <span class="required-mark">*</span></label>
						<select name="trending" class="form-control form-control-lg bg-secondary @error('trending') is-invalid @enderror" id="trending">
							<option value="0">No</option>
							<option value="1">Yes</option>
						</select>
						@error('trending')
						<div class="invalid-feedback">
							{{ $message }}
						</div>
						@enderror
					</div>
				</div>
			</div>
			<div class="row gx-4 gx-xl-5">
				<div class="col-md-12 pt-2">
					<button class="btn btn-primary btn-xs font-15" type="submit" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">@lang('translate.submit')</button>
				</div>
			</div>
		</form>
	</div>
</div>
@endsection