@extends('layouts.app')

@section('content')

<div style="height: 45px;">
	<a href="{{ $backurl }}" type="button" class="btn pull-right bg-gray btn-sm">Back</a>
</div>

<div class="box">
	<div class="box-header">
		<h3 class="box-title">Category {{ $equipcategory_details['action'] }}</h3>
	</div>

	@php 

	

	$equip_catid = empty($equipcategory_details['equip_catid'])?'':$equipcategory_details['equip_catid'];

	$readonly   = empty($equipcategory_details['equip_catid'])?'':'readonly';
	
	$equip_cat_name_en = empty($equipcategory_details['equip_cat_name_en'])?'':$equipcategory_details['equip_cat_name_en'];

	$equip_cat_name_si = empty($equipcategory_details['equip_cat_name_si'])?'':$equipcategory_details['equip_cat_name_si'];

	$equip_cat_name_ta = empty($equipcategory_details['equip_cat_name_ta'])?'':$equipcategory_details['equip_cat_name_ta'];

	@endphp
	<form   class="box-body" id="categoty_type_store-form">
		<div class="row">

			@if($equipcategory_details['action'] == 'Save')
			<div class="form-group col-xs-12" data-select2-id="ser_pro">
				<label class="col-sm-4 control-label" >Product Type</label>
				<div class="col-sm-8">
					<select class="form-control select2 prodsvc_id" style="width: 100%;" id="prodsvc_id" name="prodsvc_id">
						<option selected="selected" value="">Please Select</option>
						@foreach ($equipcategory_details['product'] as $product)
						<option value="{{ $product['prodsvc_id'] }}">{{ $product['product_name_en'] }}</option>
						@endforeach
					</select>
				</div>
			</div>
			@else
			<div class="form-group col-xs-12" data-select2-id="ser_pro">
				<label class="col-sm-4 control-label" >Product Type</label>
				<div class="col-sm-8">
					<select class="form-control select2 prodsvc_id" style="width: 100%;" id="prodsvc_id" name="prodsvc_id">
						<option value="">Please Select</option>
						@foreach ($equipcategory_details['product'] as $product)
						@if($product['prodsvc_id'] == $equipcategory_details['prodsvc_id'])
						<option value="{{ $product['prodsvc_id'] }}"  selected>{{ $product['product_name_en'] }}</option>
						@else
						<option value="{{ $product['prodsvc_id'] }}" >{{ $product['product_name_en'] }}</option>
						@endif
						@endforeach
					</select>
				</div>
			</div>
			@endif

			<div class="form-group col-xs-12">
				<label for="equip_catid" class="col-sm-4 control-label">Category Type</label>

				<div class="col-sm-8">
					<input type="text" class="form-control" id="equip_catid" name="equip_catid" placeholder="Enter Category Type" value="{{  old('equip_catid', $equip_catid ) }}" {{ $readonly }} >
				</div>
			</div>

			<div class="form-group col-xs-12">
				<label for="equip_cat_name_en" class="col-sm-4 control-label">Category Type English Description </label>

				<div class="col-sm-8">
					<input type="text" class="form-control" id="equip_cat_name_en" name="equip_cat_name_en" placeholder="Enter Category Type English Description" value="{{  old('equip_cat_name_en', $equip_cat_name_en ) }}">
				</div>
			</div>

			<div class="form-group col-xs-12">
				<label for="equip_cat_name_si" class="col-sm-4 control-label">Category Type Sinhala Description</label>

				<div class="col-sm-8">
					<input type="text" class="form-control" id="equip_cat_name_si" name="equip_cat_name_si" placeholder="Enter Category Type Sinhala Description" value="{{  old('equip_cat_name_si', $equip_cat_name_si ) }}">
				</div>
			</div>

			<div class="form-group col-xs-12">
				<label for="equip_cat_name_ta" class="col-sm-4 control-label">Category Type Tamil Description</label>

				<div class="col-sm-8">
					<input type="text" class="form-control" id="equip_cat_name_ta" name="equip_cat_name_ta" placeholder="Enter Category Type Tamil Description" value="{{  old('equip_cat_name_ta', $equip_cat_name_ta ) }}">
				</div>
			</div>
			
		</div>
		<div class="row">
			<div class="form-group col-xs-2 pull-right">
				<button type="button" class="btn btn-block btn-social btn-dropbox" id="category_store">
					{{ $equipcategory_details['action'] }}
				</button>
			</div>

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

@endsection

@push('scripts')
<script type="text/javascript">

	jQuery(document).ready(function($) {


		$("#category_store").click(function() {

			store_equipment_category_details();
		});		

	});

	function store_equipment_category_details(){

		var ajax_url = "{{ route("equpcat_store") }}";

		var action 	 = "{{ $equipcategory_details['action'] }}";

		form_data 	 = $("#categoty_type_store-form").find(":input").serializeArray();

		$.ajax({

			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			url: ajax_url,
			type: 'POST',
			data: form_data,
			success: function(msg) {
				success_msg();
			},
			error: function(data) {

				$('.error').empty();

				var errors = data.responseJSON.errors;

				$.each(errors, function(key, value) {

					$("#"+key).closest('div').append("<span class='error'>"+value+" </span>");
				});

			},
		})
	}


	function success_msg(){
		Swal.fire({
			position: 'top-end',
			icon: 'success',
			title: 'Your work has been saved',
			showConfirmButton: false,
			timer: 2000
		}).then((result) => {
			location.reload();
		})
	}

</script>
@endpush