@extends('components.customer_layout')

@section('customer-content')
    <div class="container mt-4">
        <div class="card shadow-lg">
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <h4 class="mb-0"><i class="fas fa-edit"></i> Edit Application</h4>
                <a href="{{ route('myapplication.list') }}" class="btn btn-secondary btn-sm">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            </div>

            <div class="card-body">
                @if(session('error'))
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        <i class="fas fa-exclamation-circle"></i> {{ session('error') }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                @endif

                <form action="{{ route('myapplication.customer.update', $application->id) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">Service Type</label>
                            <input type="text" class="form-control" value="{{ optional($application->service)->name }}" readonly>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Current Status</label>
                            <input type="text" class="form-control" value="{{ ucfirst($requestData->status ?? 'N/A') }}" readonly>
                        </div>
                    </div>

                    <!-- Dynamic form fields based on application type -->
                    @if($application->model === 'App\Models\ComplateddesignRequest')
                        <div class="mb-3">
                            <label for="file" class="form-label">Upload New File (PDF/DOC)</label>
                            <input type="file" class="form-control" id="file" name="file">
                            @if($requestData->file)
                                <small class="text-muted">Current file: 
                                    <a href="{{ Storage::url($requestData->file) }}" target="_blank">View current file</a>
                                </small>
                            @endif
                        </div>
                        
                        <!-- Add other fields specific to ComplateddesignRequest -->
                        <div class="mb-3">
                            <label for="map_number" class="form-label">Map Number</label>
                            <input type="text" class="form-control" id="map_number" name="map_number" 
                                   value="{{ old('map_number', $requestData->map_number ?? '') }}">
                        </div>
                        
                    @elseif($application->model === 'App\Models\OtherModel')
                        <!-- Add fields for other application types -->
                    @endif

                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                        <button type="submit" class="btn btn-primary me-md-2">
                            <i class="fas fa-save"></i> Update Application
                        </button>
                        
                        <button type="button" class="btn btn-danger" onclick="confirmDelete()">
                            <i class="fas fa-trash-alt"></i> Delete Application
                        </button>
                    </div>
                </form>
                
                <!-- Delete Form (hidden) -->
                <form id="deleteForm" action="{{ route('myapplication.customer.destroy', $application->id) }}" method="POST" class="d-none">
                    @csrf
                    @method('DELETE')
                </form>
            </div>
        </div>
    </div>

    <script>
        function confirmDelete() {
            if (confirm('Are you sure you want to delete this application? This action cannot be undone.')) {
                document.getElementById('deleteForm').submit();
            }
        }
    </script>
@endsection