@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">Semen Type {{ $semen_details['action'] }}</h3>
	</div>

	@php 

	$sementype_code = empty($semen_details['sementype_code'])?'':$semen_details['sementype_code'];

	$readonly   = empty($semen_details['sementype_code'])?'':'readonly';
	
	$sementype_des_en = empty($semen_details['sementype_des_en'])?'':$semen_details['sementype_des_en'];

	$sementype_des_si = empty($semen_details['sementype_des_si'])?'':$semen_details['sementype_des_si'];

	$sementype_des_ta = empty($semen_details['sementype_des_ta'])?'':$semen_details['sementype_des_ta'];

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

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

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

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

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

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

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

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

				<div class="col-sm-8">
					<input type="text" class="form-control" id="sementype_des_ta" name="sementype_des_ta" placeholder="Enter semen Type Tamil Description" value="{{  old('sementype_des_ta', $sementype_des_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="sementype_store">
					{{ $semen_details['action'] }}
				</button>
			</div>

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

@endsection

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

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

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

			store_semen_type_details();
		});		

	});

	function store_semen_type_details(){

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

		var action 	 = "{{ $semen_details['action'] }}";
	
		form_data 	 = $("#semen_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();
				if(action == 'Save'){	
					$('#semen_type_store-form').closest('form').find("input[type=text]").val("");
				}
				$('.datatable').DataTable()
			},
			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: 1500
		})
	}

</script>
@endpush