@extends('layouts.admin', ['title' => 'شماره فاکتور رسمی'])

@section('css')
@endsection

@section('content')

<h3>شماره فاکتور رسمی</h3>
<hr />
<div class="row">
	<div class="col-md-4">
		<form action="{{ url('/admin/orders/'.$id.'/official/invoicenumber')}}" method="post">
			@csrf

			<div class="step1">
				<div class="form-group">
					<label for="official_invoice_date">تاریخ فاکتور</label>
					<input type="text" class="form-control ltr" maxlength="10" id="official_invoice_date"
						name="official_invoice_date" value="{{ $official_invoice_date }}"
						placeholder="تاریخ فاکتور رسمی">
					<span class="error">{{ $errors->first('official_invoice_date') }}</span>
				</div>

				<button type="button" id="btnNext" class="btn btn-default">بررسی و مرحله بعد</button>
			</div>

			<div class="step2">
				<div class="form-group">
					<label for="official_invoice_number">شماره فاکتور</label>
					<input type="number" class="form-control ltr" id="official_invoice_number"
						name="official_invoice_number" value="" placeholder="شماره فاکتور رسمی">
					<span class="error">{{ $errors->first('official_invoice_number') }}</span>
				</div>

				<button type="submit" class="btn btn-primary">ثبت</button>
				<button type="button" id="btnBack" class="btn btn-link">بازگشت</button>
				<div style="float: left;">
					<input type="checkbox" name="withoutnum" id="withoutnum" value="true">
					<label for="withoutnum">بدون ثبت شماره و تاریخ</label>
				</div>
			</div>


			<p class="success">{{ session('message') }}</p>
			<p class="error">{{ session('error') }}</p>
		</form>
	</div>
</div>

@stop

@section('javascript')
<script type="text/javascript">
	$(document).ready(function(){ 
		$('#btnBack').click(function(){ 
			$('.step1').show();
			$('.step2').hide();
		});

		$('#btnNext').click(function(){
			var date = $('#official_invoice_date').val();console.log(date);
			$.ajax({
					url: '/admin/api/orders/official/invoicenumber/getnextnum',
					type: 'GET',
					dataType: 'JSON', 
					data: { date: date }, 
				}).done(function(data){
					if(data.num)
					{
						$('.step1').hide();
						$('.step2').show();
						$('#official_invoice_number').val(data.num); 
					}else{
						alert('خطایی رخ داده است !');
						console.log(data);    
					}
				})
				.fail(function(data) {
					console.log(data);             
				});
			});
		}); 
</script>
@stop