@extends('layouts.app')

@section('title', 'Edit Client Request')
@section('page-title', 'Edit Client Request')

@section('content')
<div class="container-fluid">
    <!-- Back Button -->
    <div class="row mb-3">
        <div class="col-12">
            <a href="{{ route('client-requests.show', $clientRequest) }}" class="btn btn-secondary btn-custom">
                <i class="fas fa-arrow-left me-1"></i>Back to Request Details
            </a>
        </div>
    </div>

    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card custom-card">
                <div class="card-header custom-card-header">
                    <h5 class="mb-0"><i class="fas fa-edit me-2"></i>Edit Client Request #{{ $clientRequest->id }}</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('client-requests.update', $clientRequest) }}" method="POST">
                        @csrf
                        @method('PUT')
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="customer_name" class="form-label">Customer Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control custom-form-control @error('customer_name') is-invalid @enderror" 
                                           id="customer_name" name="customer_name" value="{{ old('customer_name', $clientRequest->customer_name) }}" required>
                                    @error('customer_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="mobile" class="form-label">Mobile Number <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control custom-form-control @error('mobile') is-invalid @enderror" 
                                           id="mobile" name="mobile" value="{{ old('mobile', $clientRequest->mobile) }}" required>
                                    @error('mobile')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="email" class="form-label">Email Address</label>
                                    <input type="email" class="form-control custom-form-control @error('email') is-invalid @enderror" 
                                           id="email" name="email" value="{{ old('email', $clientRequest->email) }}">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="package_id" class="form-label">Package</label>
                                    <select class="form-select custom-form-control @error('package_id') is-invalid @enderror" 
                                            id="package_id" name="package_id">
                                        <option value="">Select a package</option>
                                        @foreach($packages as $package)
                                            <option value="{{ $package->id }}" {{ old('package_id', $clientRequest->package_id) == $package->id ? 'selected' : '' }}>
                                                {{ $package->name }}
                                                @if($package->price)
                                                    - BDT{{ number_format($package->price, 2) }}
                                                @endif
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('package_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="address" class="form-label">Address <span class="text-danger">*</span></label>
                            <textarea class="form-control custom-form-control @error('address') is-invalid @enderror" 
                                      id="address" name="address" rows="3" required>{{ old('address', $clientRequest->address) }}</textarea>
                            @error('address')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="customer_type" class="form-label">Customer Type</label>
                                    <select class="form-select custom-form-control @error('customer_type') is-invalid @enderror" 
                                            id="customer_type" name="customer_type">
                                        <option value="">Select customer type</option>
                                        <option value="Individual" {{ old('customer_type', $clientRequest->customer_type) == 'Individual' ? 'selected' : '' }}>Individual</option>
                                        <option value="Business" {{ old('customer_type', $clientRequest->customer_type) == 'Business' ? 'selected' : '' }}>Business</option>
                                        <option value="Corporate" {{ old('customer_type', $clientRequest->customer_type) == 'Corporate' ? 'selected' : '' }}>Corporate</option>
                                    </select>
                                    @error('customer_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="connection_type" class="form-label">Connection Type</label>
                                    <select class="form-select custom-form-control @error('connection_type') is-invalid @enderror" 
                                            id="connection_type" name="connection_type">
                                        <option value="">Select connection type</option>
                                        <option value="Fiber" {{ old('connection_type', $clientRequest->connection_type) == 'Fiber' ? 'selected' : '' }}>Fiber</option>
                                        <option value="Wireless" {{ old('connection_type', $clientRequest->connection_type) == 'Wireless' ? 'selected' : '' }}>Wireless</option>
                                        <option value="Cable" {{ old('connection_type', $clientRequest->connection_type) == 'Cable' ? 'selected' : '' }}>Cable</option>
                                        <option value="DSL" {{ old('connection_type', $clientRequest->connection_type) == 'DSL' ? 'selected' : '' }}>DSL</option>
                                    </select>
                                    @error('connection_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="otc_status" class="form-label">OTC Status</label>
                                    <select class="form-select custom-form-control @error('otc_status') is-invalid @enderror" 
                                            id="otc_status" name="otc_status">
                                        <option value="pending" {{ old('otc_status', $clientRequest->otc_status) == 'pending' ? 'selected' : '' }}>Pending</option>
                                        <option value="paid" {{ old('otc_status', $clientRequest->otc_status) == 'paid' ? 'selected' : '' }}>Paid</option>
                                    </select>
                                    @error('otc_status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="physical_connectivity" class="form-label">Physical Survey</label>
                                    <select class="form-select custom-form-control @error('physical_connectivity') is-invalid @enderror" 
                                            id="physical_connectivity" name="physical_connectivity">
                                        <option value="pending" {{ old('physical_connectivity', $clientRequest->physical_connectivity) == 'pending' ? 'selected' : '' }}>Pending</option>
                                        <option value="completed" {{ old('physical_connectivity', $clientRequest->physical_connectivity) == 'completed' ? 'selected' : '' }}>Completed</option>
                                    </select>
                                    @error('physical_connectivity')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="status" class="form-label">Overall Status</label>
                                    <select class="form-select custom-form-control @error('status') is-invalid @enderror" 
                                            id="status" name="status">
                                        <option value="pending" {{ old('status', $clientRequest->status) == 'pending' ? 'selected' : '' }}>Pending</option>
                                        <option value="processing" {{ old('status', $clientRequest->status) == 'processing' ? 'selected' : '' }}>Processing</option>
                                        <option value="completed" {{ old('status', $clientRequest->status) == 'completed' ? 'selected' : '' }}>Completed</option>
                                    </select>
                                    @error('status')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="otc_connection_charge" class="form-label">OTC Connection Charge</label>
                                    <div class="input-group">
                                        <span class="input-group-text">BDT</span>
                                        <input type="number" class="form-control custom-form-control @error('otc_connection_charge') is-invalid @enderror" 
                                               id="otc_connection_charge" name="otc_connection_charge" 
                                               value="{{ old('otc_connection_charge', $clientRequest->otc_connection_charge) }}" step="0.01" min="0">
                                    </div>
                                    @error('otc_connection_charge')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="notes" class="form-label">Notes</label>
                            <textarea class="form-control custom-form-control @error('notes') is-invalid @enderror" 
                                      id="notes" name="notes" rows="4" placeholder="Any additional notes or comments...">{{ old('notes', $clientRequest->notes) }}</textarea>
                            @error('notes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="d-flex justify-content-end gap-2">
                            <a href="{{ route('client-requests.show', $clientRequest) }}" class="btn btn-secondary btn-custom">
                                <i class="fas fa-times me-1"></i>Cancel
                            </a>
                            <button type="submit" class="btn btn-primary btn-custom">
                                <i class="fas fa-save me-1"></i>Update Request
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
// Auto-format mobile number
document.getElementById('mobile').addEventListener('input', function(e) {
    let value = e.target.value.replace(/\D/g, '');
    if (value.length > 0) {
        if (value.startsWith('880')) {
            value = value.substring(3);
        }
        if (value.length > 10) {
            value = value.substring(0, 10);
        }
    }
    e.target.value = value;
});

// Auto-calculate OTC based on package
document.getElementById('package_id').addEventListener('change', function(e) {
    const selectedOption = e.target.options[e.target.selectedIndex];
    const packageText = selectedOption.text;
    
    // Extract price from package text if available
    const priceMatch = packageText.match(/BDT([\d,]+\.?\d*)/);
    if (priceMatch) {
        const price = parseFloat(priceMatch[1].replace(',', ''));
        // Set OTC as 10% of package price (or customize as needed)
        document.getElementById('otc_connection_charge').value = (price * 0.1).toFixed(2);
    }
});
</script>
@endsection