@extends('layouts.app')

@section('content')



<div class="box">
	<div class="box-header">
		<h3 class="box-title">Processors {{ $processor['action'] ?? '' }}</h3>
	</div>


	<form   class="box-body" id="processor_store-form">
		<div class="row">
			<div class="form-group col-xs-12">
				<label for="processor_name" class="col-sm-4 control-label">Add Processor</label>

				<div class="col-sm-8">
					<input type="text" class="form-control" id="processor_name" name="processor_name" placeholder="Enter Processor" value="{{  old('processor_name', $processor['processor_name'] ?? '' ) }}"  >
				</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="processor_store">
                    {{ $processor['action'] ?? '' }}
				</button>
			</div>

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

@endsection

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

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


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

        store_feed_type_details();
    });

});

function store_feed_type_details(){

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

    var action 	 = "Save";

    form_data 	 = $("#processor_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) {
            console.log(form_data);
            success_msg();
            if(action == 'Save'){
                $('#processor_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