@extends('master.back')

@section('content')

<div class="container-fluid">

	<!-- Page Heading -->
    <div class="card mb-4">
        <div class="card-body">
            <div class="d-sm-flex align-items-center justify-content-between">
                <h3 class="mb-0 bc-title"><b>{{ __('Create Category') }}</b> </h3>
                <a class="btn btn-primary btn-sm" href="{{route('back.category.index')}}"><i class="fas fa-chevron-left"></i> {{ __('Back') }}</a>
                </div>
        </div>
    </div>

	<!-- Form -->
	<div class="row">

		<div class="col-xl-12 col-lg-12 col-md-12">

			<div class="card o-hidden border-0 shadow-lg">
				<div class="card-body ">
					<!-- Nested Row within Card Body -->
					<div class="row justify-content-center">
						<div class="col-lg-12">
								<form class="admin-form" action="{{ route('back.category.store') }}" method="POST"
									enctype="multipart/form-data">

                                    @csrf

									@include('alerts.alerts')

									<div class="form-group">
										<label for="name">{{ __('Set Image') }} </label>
                                        <br>
										<img class="admin-img" src="{{  asset('assets/images/placeholder.png') }}"
												alt="No Image Found">
                                        <br>
										<span class="mt-1">{{ __('Image Size Should Be 60 x 60.') }}</span>
									</div>

									<div class="form-group position-relative">
										<label class="file">
											<input type="file"  accept="image/*"  class="upload-photo" name="photo" id="file"
												aria-label="File browser example" >
											<span class="file-custom text-left">{{ __('Upload Image...') }}</span>
										</label>
                                    </div>


									<div class="form-group">
										<label for="name">{{ __('Code') }} *</label>
										<input type="text" name="code" class="form-control item-name" id="code"
											placeholder="{{ __('code') }}" value="{{ old('code') }}" >
									</div>
									

									<div class="form-group " style=''>
									<label for="name">{{ __('NAME') }}</label>									
									<div class='' style='padding:1%; box-shadow:2px 2px 2px grey; border-radius:15px;'>


									   <div class="mb-3 row">
									   <div class="col-sm-2">
											<label for="name">{{ __('THAI') }}</label>
										</div>	
											<div class='col-sm-10'>
											<input type="text" name="name" class="form-control item-name" id="name"
												placeholder="{{ __('Enter Name ') }}" value="{{ old('name') }}" >
											</div>
										</div>	
										<div class="mb-3 row">
											<div class="col-sm-2">
											<label for="name">{{ __('ENG') }}</label>
											</div>
											<div class='col-sm-10'>
											<input type="text" name="name_en" class="form-control item-name" id="name_en"
												placeholder="{{ __('Enter Name') }}" value="{{ old('name_en') }}" >
											</div>
										</div>	

										<div class="mb-3 row">
											<div class='col-sm-2'>
											<label for="name">{{ __('CHINA') }}</label>
										      </div>
											<div class='col-sm-10'>
											<input type="text" name="name_ch" class="form-control item-name" id="name_ch"
												placeholder="{{ __('Enter Name ') }}" value="{{ old('name_ch') }}" >
											</div>
										</div>	
										</div>
									</div>

									<div class="form-group">
										<label for="slug">{{ __('Slug') }} *</label>
										<input type="text" name="slug" class="form-control" id="slug"
											placeholder="{{ __('Enter Slug') }}" value="{{ old('slug') }}" >
									</div>

									<div class="form-group">
										<label for="meta_keywords">{{ __('Meta Keywords') }}
											</label>
										<input type="text" name="meta_keywords" class="tags"
											id="meta_keywords"
											placeholder="{{ __('Enter Meta Keywords') }}"
											value="">
									</div>

									<div class="form-group">
										<label
											for="meta_description">{{ __('Meta Description') }}
											</label>
										<textarea name="meta_descriptions" id="meta_description"
											class="form-control" rows="5"
											placeholder="{{ __('Enter Meta Description') }}"
										></textarea>
									</div>

									<div class="form-group">
										<label for="serial">{{ __('Serial') }} *</label>
										<input type="number" name="serial" class="form-control" id="serial"
											placeholder="{{ __('Enter Serial Number') }}" value="0">
									</div>

									<div class="form-group">
										<button type="submit"
											class="btn btn-secondary ">{{ __('Submit') }}</button>
									</div>

									<div>
								</form>
						</div>
					</div>
				</div>
			</div>

		</div>

	</div>

</div>

@endsection