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

	@php 

	$feed_type = empty($feed_details['feed_type'])?'':$feed_details['feed_type'];

	$readonly   = empty($feed_details['feed_type'])?'':'readonly';
	
	$feed_type_des_en = empty($feed_details['feed_type_des_en'])?'':$feed_details['feed_type_des_en'];

	$feed_type_des_si = empty($feed_details['feed_type_des_si'])?'':$feed_details['feed_type_des_si'];

	$feed_type_des_ta = empty($feed_details['feed_type_des_ta'])?'':$feed_details['feed_type_des_ta'];

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

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

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

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

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

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

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

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

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

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

@endsection

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

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

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

			store_feed_type_details();
		});		

	});

	function store_feed_type_details(){

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

		var action 	 = "{{ $feed_details['action'] }}";
	
		form_data 	 = $("#feed_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'){	
					$('#feed_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