@extends('layouts.customerfront')
@section('content')
<div class="row justify-content-center">
<div class="col-xl-6 col-md-5" style="margin: 0 auto; float: none;">
<div class="card">
<div class="card-body p-4">
<div class="text-center w-75 mx-auto auth-logo mb-4">
<h3 class="title">Building Plan Approval Form</h3>
</div>
@if ($errors->any())
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
@if(session('success'))
<div class="alert alert-success">{{ session('success') }}</div>
@endif
<form action="{{ route('customer.building_approval.save') }}" method="POST" enctype="multipart/form-data">
@csrf
<div class="form-group mb-3">
<label>Owner Name <span class="text-danger">*</span></label>
<input type="text" name="owner_name" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Owner Contact <span class="text-danger">*</span></label>
<input type="text" name="owner_contact" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Previous Building Approvals <span class="text-danger">*</span></label>
<textarea name="previous_building_approvals" class="form-control" required rows="3"></textarea>
</div>
<div class="form-group mb-3">
<label>Builder Name <span class="text-danger">*</span></label>
<input type="text" name="builder_name" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Ward Number <span class="text-danger">*</span></label>
<input type="text" name="ward_number" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Plot Number <span class="text-danger">*</span></label>
<input type="text" name="plot_number" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Address Landmark <span class="text-danger">*</span></label>
<input type="text" name="address_landmark" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Street Line 1 <span class="text-danger">*</span></label>
<input type="text" name="address_street_line1" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Street Line 2 <span class="text-danger">*</span></label>
<input type="text" name="address_street_line2" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>City <span class="text-danger">*</span></label>
<input type="text" name="city" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>State <span class="text-danger">*</span></label>
<input type="text" name="state" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Postal Code <span class="text-danger">*</span></label>
<input type="text" name="postal_code" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Intended Usage <span class="text-danger">*</span></label>
<select name="intended_usage" class="form-control" required>
<option value="">Select Intended Usage</option>
<option value="Residential">Residential</option>
<option value="Commercial">Commercial</option>
<option value="Mixed">Mixed</option>
</select>
</div>
<div class="form-group mb-3">
<label>Total Floors <span class="text-danger">*</span></label>
<input type="number" name="total_floors" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Buildup Area (sq ft) <span class="text-danger">*</span></label>
<input type="number" name="buildup_area" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Structural Details <span class="text-danger">*</span></label>
<textarea name="structural_details" class="form-control" rows="3" required></textarea>
</div>
<div class="form-group mb-3">
<label>Floor Plan Document <span class="text-danger">*</span></label>
<input type="file" name="documents_floor_plan" class="form-control" required>
</div>
<div class="form-group mb-3">
<label>Ownership Document <span class="text-danger">*</span></label>
<input type="file" name="ownership_documents" class="form-control" required>
</div>
<button class="btn btn-primary w-100" type="submit">Submit Request</button>
</form>
</div> <!-- end card-body -->
</div>
<!-- end card -->
</div> <!-- end col -->
</div>
<!-- end row -->
@endsection