@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
		<div class="page-header">
			<nav class="breadcrumb-one" aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
					<li class="breadcrumb-item"><a href="javascript:void(0);">Stock</a></li>
					<li class="breadcrumb-item active" aria-current="page"><span>Generate Stock Issue</span></li>
				</ol>
			</nav>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12 layout-spacing">
					<div class="statbox widget box box-shadow">
						<div class="widget-header">
							<div class="row">
								<div class="col-xl-12 col-md-12 col-sm-12 col-12">
									<h4>Generate Stock Issue</h4>
								</div>          
							</div>
						</div>
						<div class="widget-content widget-content-area">
							<input type="hidden" name="TemplateLayoutID" id="TemplateLayoutID" value="{{$TemplateLayoutID}}" />
							<input type="hidden" name="CenterId" id="CenterId" value="{{$CenterId}}" />
							<div class="col-md-12" name="LoadAddressCenterFrom" id="LoadAddressCenterFrom">
							</div>
							<div class="col-md-12" name="LoadAddressCenterTo" id="LoadAddressCenterTo">
								<div class="col-md-4">
									<h6>Issue To Center</h6>
									<select name="centers" id="centers" onChange="loadAddress(this.value, 'LoadAddressCenterTo')">
										<option value="">-- Select Center --</option>
										@foreach($CentersArray as $key=>$value)
											<option value="{{$key}}">{{$value}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="row">
								<div class="col-md-10" name="GridView" id="GridView">
								</div>
								<div class="col-md-2">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus-circle"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
								</div>
							</div>
							<div name="LayoutActionButton" id=" " class="col-md-12">
								<input type="button" name="Proceed" id="Proceed" value="Proceed" class="btn btn-primary" />
							</div>
						</div>
					</div>
			</div>
		</div>
        <!--  END CONTENT AREA  -->
@endsection