@extends('layouts.admin')

@section('title', 'ကက်တလောက်ပြုပြင်ရန်ပုံစံ')

@section('content')

@push('styles')
	<style type="text/css">
		.part-remove-btn  {
			margin-top: -15px;
		}
	</style>
@endpush

<div class="container-fluid">
	<div class="row mb-2">
		<div class="col-sm-6">
			<h4 class="m-0 text-dark">ကက်တလောက်ပြုပြင်ရန်ပုံစံ</h4>
		</div><!-- /.col -->
		
	</div><!-- /.row -->

	@include('admins.partials.breadcrumbs')
</div><!-- /.container-fluid -->

<!-- Main content -->
<section class="content">
	<div class="container-fluid">
    	<div class="row d-flex justify-content-center">
            <div class="col-11">
                <div class="card">
                	<div class="card-header shadow-sm">
						<i class="fas fa-plus-square mr-3"></i>
						<span>စာရင်းပြုပြင်ရန်ပုံစံ</span>
    				</div>
    				<!-- /.card-header -->
    				<div class="card-body  my-3">
    					<div class="row d-flex justify-content-center">
    						<div class="col-6">

    							<!-- Create Form -->
					        	<form role="form" id="catalog-form" action="{{ route('admin.catalog.update', $product->id) }}" method="POST">
					        		@method('PUT')
					        		@csrf
						        	<div class="card-body">
						        		<img class="large-img-thumbnail" src="{{ asset('storage' . $product->thumbnail) }}" alt="Photo">
						        		<h2 class="mb-4">ထုတ်ကုန်နံပါတ် - {{ $product->product_number }}</h2>
						        		
						        		@if(!empty($product->parts))
		                            		@foreach ($product->parts as $key => $value)
		                            			<input type="hidden" name="catalog[{{ $key }}][id]" value="{{ $value->id }}">
												<div class="form-group">
													<label for="catalog[{{ $key }}][part_id]">အစိတ်အပိုင်း</label>
													<input class="form-control" autocomplete="off" type="text" name="catalog[{{ $key }}][part_id]" value="{{ $value->part->valve_number }}" list="parts" />
												    @if(!empty($parts))
													    <datalist id="parts">
													        <select class="parts-select">
													            @foreach ($parts as $pKey => $pValue)
													            	@if($pValue == $value->part->valve_number)
													            		<option selected value="{{ $pValue }}">
													            	@else
													            		<option value="{{ $pValue }}">
													            	@endif
												                @endforeach
													        </select>
													    </datalist>
												    @endif
												</div>
		                            		@endforeach
		                            	@endif
		                            </div>
					        		<!-- /.card-body -->
					        	</form>
    						</div>
    					</div>
    					<div class="row mt-2 float-right" form="my-form">
    						<div class="col-md-12 d-flex">
					        	<button form="catalog-form" type="reset" onclick="window.location.replace('{{ url()->previous() }}')">ပယ်ဖျက်မည်</button>
					        	<button form="catalog-form" type="submit" class="btn btnBtn btn-sm px-4 mx-3">ပြုပြင်မည်</button>
    						</div>
    					</div>
    				</div>
    			</div>
    			<!-- /.card -->
    		</div>
    	</div>
	</div><!-- /.container-fluid -->
</section>

@endsection