@extends('layouts.admin')

@section('title', 'ထုတ်ကုန်အမျိုးအစားပြုပြင်ရန်ပုံစံ')

@section('content')

@push('styles')
<!-- Bootstrap Color Picker -->
<link rel="stylesheet" href="{{ asset('plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css') }}">
@endpush

<div class="container-fluid">
	<div class="row mb-2">
		<div class="col-sm-6">
			<h4 class="m-0 text-dark">ထုတ်ကုန်အမျိုးအစားပြုပြင်ရန်ပုံစံ</h4>
		</div><!-- /.col -->
		
	</div><!-- /.row -->

	@include('admins.partials.breadcrumbs')
</div><!-- /.container-fluid -->

<!-- Main content -->
<section class="content">
	<div class="container-fluid">
    	<div class="row d-flex justify-content-center">
            <div class="col-11">
                <div class="card">
                	<div class="card-header shadow-sm">
						<i class="fas fa-plus-square mr-3"></i>
						<span>စာရင်းပြုပြင်ရန်ပုံစံ</span>
    				</div>
    				<!-- /.card-header -->
    				<div class="card-body  my-3">
    					<div class="row d-flex justify-content-center">
    						<div class="col-6">

    							<!-- Create Form -->
					        	<form role="form" id="category-form" action="{{ route('admin.categories.update', $category->id) }}" method="POST" enctype="multipart/form-data">
					        		@method('PUT')
					        		@csrf
						        	<div class="card-body">
										<div class="form-group">
											<label for="name">အမည်</label>
											<input type="text" name="name" class="form-control" id="name" placeholder="အင်ဂျက်တာ" required autocomplete="name" autofocus value="{{ old('name') ? old('name')  : $category->name }}">

											@if ($errors->has('name'))
											    <span class="text text-danger" role="alert">
													<strong>{{ $errors->first('name') }}</strong>
												</span>
											@endif
										</div>

										<div class="form-group">
											<label for="design[name_en]">အင်္ဂလိပ်အမည်</label>
											<input type="text" name="design[name_en]" class="form-control" id="design[name_en]" placeholder="အင်ဂျက်တာ" required autocomplete="design[name_en]" autofocus value="{{ old('design.name_en')? old('design.name_en') : $category->design->name_en  }}">

											@if ($errors->has('design.name_en'))
											    <span class="text text-danger" role="alert">
													<strong>{{ $errors->first('design.name_en') }}</strong>
												</span>
											@endif
										</div>

										<div class="form-group">
											<label for="design[logo_path]">ပုံ</label>
											<input type="file" name="design[logo_path]" class="form-control" id="design[logo_path]" value="{{ old('design.logo_path')? old('design.logo_path') : $category->design->logo_path  }}">
											<img class="large-img-thumbnail mb-2" src="{{ asset('storage' . $category->design->logo_path) }}" alt="Photo">

											@if ($errors->has('design.logo_path'))
											    <span class="text text-danger" role="alert">
													<strong>{{ $errors->first('design.logo_path') }}</strong>
												</span>
											@endif
										</div>

										<div class="form-group">
											<label for="design[color]">အရောင်</label>
											<input type="text" class="form-control my-colorpicker1" name="design[color]" required value="{{ old('design.color')? old('design.color') : $category->design->color  }}">

											@if ($errors->has('design.color'))
											    <span class="text text-danger" role="alert">
													<strong>{{ $errors->first('design.color') }}</strong>
												</span>
											@endif
										</div>

										<div class="form-group">
											<label>ဧည့်သည်ကန့်သတ်ချက်</label>
											<input type="checkbox" value="1" name="guest_restricted" id="guest_restricted" {{ $category->guest_restricted == '1' ? 'checked=checked' : '' }}>

											@if ($errors->has('guest_restricted'))
											    <span class="text text-danger" role="alert">
													<strong>{{ $errors->first('guest_restricted') }}</strong>
												</span>
											@endif
										</div>

										<div class="form-group">
											<label>အဖွဲ့ဝင်ကန့်သတ်ချက်</label>
											<input type="checkbox" value="1" name="member_restricted" id="member_restricted" {{ $category->member_restricted == '1' ? 'checked=checked' : '' }}>

											@if ($errors->has('member_restricted'))
											    <span class="text text-danger" role="alert">
													<strong>{{ $errors->first('member_restricted') }}</strong>
												</span>
											@endif
										</div>

										<div class="form-group">
											<label>ကုန်သည်ကန့်သတ်ချက်</label>
											<input type="checkbox" value="1" name="vendor_restricted" id="vendor_restricted" {{ $category->vendor_restricted == '1' ? 'checked=checked' : '' }}>

											@if ($errors->has('vendor_restricted'))
											    <span class="text text-danger" role="alert">
													<strong>{{ $errors->first('vendor_restricted') }}</strong>
												</span>
											@endif
										</div>
		                            </div>
					        		<!-- /.card-body -->
					        	</form>
    						</div>
    					</div>

    					<div class="row mt-2 float-right" form="my-form">
    						<div class="col-md-12 d-flex">
					        	<button type="reset" onclick="window.location.replace('{{ url()->previous() }}')">ပယ်ဖျက်မည်</button>
					        	<button form="category-form" class="btn btnBtn btn-sm px-4 mx-3">ပြုပြင်မည်</button>
    						</div>
    					</div>
    				</div>
    			</div>
    			<!-- /.card -->
    		</div>
    	</div>
	</div><!-- /.container-fluid -->
</section>

@push('scripts')
	<script src="{{ asset('plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js') }}"></script>
	<script type="text/javascript">
		// Colorpicker
    	$('.my-colorpicker1').colorpicker();
	</script>
@endpush
@endsection