@extends('backend.layouts.master')

@section('title', 'Create Attribute')

@section('scripts')

	<script>
		$('#type_id').on('change',function(){
		    var selection = $(this).val();
		    switch(selection){
		    case "3":
		    $("#list").show()
		    case "4":
		    $("#list").show()
		   break;
		    default:
		    $("#list").hide()
		    }
		});
	</script>

@stop

@section('content')

	<!-- Breadcrumbs -->
	<ol class="breadcrumb">
		<li class="breadcrumb-item"><a href="{{ route('backend.index') }}">Backend</a></li>
		<li class="breadcrumb-item"><a href="{{ route('backend.product.index') }}">Product</a></li>
		<li class="breadcrumb-item"><a href="{{ route('backend.product.attribute.index') }}">Attribute</a></li>
		<li class="breadcrumb-item active">Create</li>
	</ol>

	<h1>Create Attribute</h1>

	<div class="row justify-content-md-center">
		<div class="col col-lg-6">
			<div class="card">
				<div class="card-body">
					<form method="post" action="{{ route('backend.product.attribute.store') }}">

						{{ csrf_field() }}

						@include('backend.product.attribute.form')

						<div class="form-row">
							<div class="form-group">
								<button type="submit" class="btn btn-primary">Create Attribute</button> <button type="reset" class="btn btn-default">Reset Form</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

@endsection