@extends('admin.layouts.main')

@section('main-container')
			<main class="content">
				<div class="container-fluid p-0">
					<div class="row">
						<div class="col-12">
							<div class="card">
								<div class="card-header">
									<h5 class="card-title mb-0"><h4 class="text-secondary">Update Donation Details</h4></h5>
								</div>
								<div class="card-body">
								<form name="update_donation" action="{{url('/admin/updatedonation/'.$donation->id)}}" method="POST" enctype="multipart/form-data">
									@csrf
									@method('PUT')
									<div class="row">
										<!-- Image on the left -->
										<div class="col-md-4">
											<div class="text-center">
												<h3 class="text-secondary">Food Image</h3>
												<img src="{{ asset('uploads/donations/'.$donation->img) }}" alt="Bhavya Popat" class="img-fluid rounded mb-2" width="300" />
												<input name="img" type="file" class="form-control" />
											</div>
										</div>

										<!-- Form on the right -->
										<div class="col-md-8">
											<div class="form-group">
												<label for="name" class="text-secondary">Food Name</label>
												<input name="name" type="text" class="form-control" value="{{ $donation->name }}" /><br>
											</div>
											<div class="form-group">
												<label for="qty" class="text-secondary">Food Quantity</label>
												<input name="qty" type="text" class="form-control" value="{{ $donation->qty }}" /><br>
											</div>
											<div class="form-group">
												<label for="user_id" class="text-secondary">Donor</label>
												<select name="user_id" class="form-select mb-3">
													<option value="">Choose a Donor...</option>
													@foreach ($users as $user)
													  @if($user->id === $donation->user_id)
													  <option value="{{ $user->id }}" selected>{{$user->name}}</option>
													  @else
													  <option value="{{ $user->id }}">{{$user->name}}</option>
													  @endif
													@endforeach
												</select>
											</div>
                                            <div class="form-group">
												<label for="phone" class="text-secondary">Contact Person</label>
												<input name="phone" type="text" class="form-control" value="{{ $donation->phone }}" /><br>
											</div>
                                            <div class="form-group">
												<label for="location" class="text-secondary">Pick Up</label>
												<input name="location" type="text" class="form-control" value="{{ $donation->location }}" /><br>
											</div>
											<div class="form-group">
												<label for="slum_area_id" class="text-secondary">Donated to</label>
												<select name="slum_area_id" class="form-select mb-3">
													<option value="">Choose a Center...</option>
													@foreach ($slum_areas as $slum_area)
														@if($slum_area->id === $donation->slum_area_id)
														<option value="{{ $slum_area->id }}" selected>{{$slum_area->name}}</option>
														@else
														<option value="{{ $slum_area->id }}">{{$slum_area->name}}</option>
														@endif
													@endforeach
												</select>
											</div>
											<div class="form-group">
												<label for="status" class="text-secondary">Status</label>
												<select name="status" class="form-select mb-3">
													@if($donation->status==="Pending")
													<option selected>Pending</option>
													<option>In Transit</option>
													<option>Donated</option>
													@elseif($donation->status==="In Transit")
													<option>Pending</option>
													<option selected>In Transit</option>
													<option>Donated</option>
													@else
													<option>Pending</option>
													<option>In Transit</option>
													<option selected>Donated</option>
													@endif
												</select>
											</div>
											<div class="d-grid gap-2">
												<button type="submit" class="btn btn-lg btn-success">Update Donation</button>
											</div>
										</div>
									</div>
								</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</main>
@endsection