{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', trans('admin.add_stock_item'))
@section('content-heading')
	<section class="content-header">
		<h1>@lang('admin.add_stock_item')</h1>
		<ol class="breadcrumb">
			<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> @lang('admin.dashboard')</a></li>
			<li><a href="{{ route('admin.stock-list.page') }}">@lang('admin.stock_list')</a></li>
			<li class="active">@lang('admin.add_stock_item')</li>
      </ol>
    </section>
@endsection
@section('content')
<section class="content">
	<div class="row">
		<div class="col-xs-12">
			<div class="box box-info">
				<div class="box-body">
					<form id="frmAddEdit" class="form-horizontal">
						{{csrf_field()}}
						<input name="sub_type" id="sub_type" value="add" type="hidden">
						<div class="col-xs-1"></div>
						<div class="col-xs-10">
							<div class="form-group">
								<label for="stock_name" class="col-sm-3 control-label">Stock Name</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="stock_name" name="stock_name" placeholder="Stock Name">
								</div>
							</div>
							<div class="form-group">
								<label for="sales_price" class="col-sm-3 control-label">Sales Price</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="sales_price" name="sales_price" placeholder="Sales Price">
								</div>
							</div>
							<div class="form-group">
								<label for="stock_qty" class="col-sm-3 control-label">Stock Qty</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="stock_qty" name="stock_qty" placeholder="Stock Qty">
								</div>
							</div>
							<div class="form-group">
								<label for="category" class="col-sm-3 control-label">Category</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="category" name="category" placeholder="Category">
								</div>
							</div>
							<div class="form-group">
								<label for="class" class="col-sm-3 control-label">Class</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" id="class_name" name="class_name" placeholder="Class">
								</div>
							</div>
							
							<div class="form-group">
								<label for="status" class="col-sm-3 control-label"></label>
								<div class="col-sm-8">
									<button type="submit" class="btn btn-info pull-right">Save Stock Item</button>
								</div>
							</div>
						</div>
						<div class="col-xs-1"></div>	
					</form>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection

@section('extra-script')
	<link rel="stylesheet" href="{{asset('adm/sweetalert/sweetalert.css')}}">
	<script src="{{asset('adm/sweetalert/sweetalert.min.js')}}"></script>
	<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
	<script>
	$(function() {
		var v = $("#frmAddEdit").validate({
			rules: {
				stock_name: {
					required: true,
				},
				sales_price: {
					required: true,
					number:true,
				},
				stock_qty: {
					required: true,
					number:true,
				},
				category: {
					required: true,
				},
				class_name: {
					required: true,
				},
				status: {
					required: false,
				},
			},
			messages: {
				stock_name: {
					required: "@lang('Stock Item Name required')",
				},
				sales_price: {
					required: "@lang('Sales Price required')",
					numeric:"@lang('Sales Price must be number')",
				},
				stock_qty: {
					required: "@lang('Stock Item Name required')",
					numeric:"@lang('Stock Qunatity must be number')",
				},
				category: {
					required: "@lang('Category required')",
				},
				class_name: {
					required: "@lang('Class required')",
				},
				status: {
					required: "@lang('Status required')",
				},
			},
			errorElement: "span",
			submitHandler: function(event) {
				swal({
					text: "",
					html: true,
					imageUrl: "{{asset('images/ajax-loader.gif')}}",
					title: '@lang("word.processing")',
					showConfirmButton: false,
				});
				$.ajax({
					url: '{{ route("admin.stock-list.save") }}',
					type: 'POST',
					data: $('#frmAddEdit').serialize(),
					success: function(data) {
						if (data.error == 200) {
							swal({
								title: "@lang('word.success')",
								text: data.message,
								type: "success",
							}, function() {
								window.location.reload(true);
							});
						} else {
							swal("@lang('word.error')", data.message, "error");
						}
					}
				});
				
				return false;
			}
		});
	});
	</script>
	<style>
	.imgPrev {
		max-height: 250px;
		width: auto;
	}
	</style>
@endsection