@extends('admin.layouts.admin')

@section('title')
    Admin | Edit Investor
@endsection

@section('content')
<div class="container-xxl flex-grow-1 container-p-y pt-0">
    <h4 class="py-3 mb-4"><span class="text-muted fw-light">Investor/</span>Edit</h4>
    <div class="row">
        <div class="col-xl">
            <div class="card mb-4">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="mb-0">Edit Investor</h5>
                </div>
                <div class="card-body">
                    @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('admin.users.update', $user->id) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <h4>Investor Information</h4>

                        <div class="row">
                            <!-- Full Name and Email in the same row -->
                            <div class="col-6">
                                <div class="mb-3">
                                    <label for="full_name" class="form-label">Full Name <span class="text-danger">*</span></label>
                                    <input type="text" name="full_name" class="form-control" value="{{ old('full_name', $user->full_name) }}"
                                           required minlength="3" maxlength="100" pattern="^[a-zA-Z\s]+$" title="Full name must only contain letters and spaces.">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="mb-3">
                                    <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
                                    <input type="email" name="email" class="form-control" value="{{ old('email', $user->email) }}" required>
                                </div>
                            </div>

                            <!-- Phone and Date of Birth in the same row -->
                            <div class="col-6">
                                <div class="mb-3">
                                    <label for="phone" class="form-label">Phone</label>
                                    <input type="tel" name="phone" class="form-control" value="{{ old('phone', $user->phone) }}"
                                           pattern="^[0-9]{10,15}$" title="Phone must be 10–15 digits.">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="mb-3">
                                    <label for="dob" class="form-label">Date of Birth</label>
                                    <input type="date" name="dob" class="form-control" value="{{ old('dob', optional($user->dob)->format('Y-m-d')) }}">
                                </div>
                            </div>

                            <!-- Address and Residency Confirmation in the same row -->
                            <div class="col-6">
                                <div class="mb-3">
                                    <label for="address" class="form-label">Address</label>
                                    <textarea name="address" class="form-control" minlength="5" maxlength="200">{{ old('address', $user->address) }}</textarea>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group form-check">
                                    <input type="checkbox" id="residency_confirmed" name="residency_confirmed" value="1"
                                           {{ old('residency_confirmed', $user->residency_confirmed) ? 'checked' : '' }}>
                                    <label for="residency_confirmed">I confirm I am an Ontario resident.</label>
                                </div>
                            </div>

                            <!-- Password and Confirm Password in the same row -->
                            <div class="col-6">
                                <div class="mb-3">
                                    <label for="password" class="form-label">Password <small>(Leave blank if not changing)</small></label>
                                    <input type="password" name="password" class="form-control" minlength="8">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="mb-3">
                                    <label for="password_confirmation" class="form-label">Confirm Password</label>
                                    <input type="password" name="password_confirmation" class="form-control" minlength="8">
                                </div>
                            </div>

                            <!-- Status and KYC Status in the same row -->
                            <div class="col-6">
                                <div class="mb-3">
                                    <label for="status" class="form-label">Status</label>
                                    <select name="status" class="form-control" required>
                                        <option value="active" {{ old('status', $user->status) == 'active' ? 'selected' : '' }}>Active</option>
                                        <option value="inactive" {{ old('status', $user->status) == 'inactive' ? 'selected' : '' }}>Inactive</option>
                                        <option value="suspended" {{ old('status', $user->status) == 'suspended' ? 'selected' : '' }}>Suspended</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="mb-3">
                                    <label for="kyc_status" class="form-label">KYC Status</label>
                                    <select name="kyc_status" class="form-control" required>
                                        <option value="pending" {{ old('kyc_status', $user->kyc_status) === 'pending' ? 'selected' : '' }}>Pending</option>
                                        <option value="verified" {{ old('kyc_status', $user->kyc_status) === 'verified' ? 'selected' : '' }}>Verified</option>
                                        <option value="rejected" {{ old('kyc_status', $user->kyc_status) === 'rejected' ? 'selected' : '' }}>Rejected</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <h4 class="mt-4">Upload Documents</h4>

                        <!-- ID Proof -->
                        <div class="mb-3">
                            <label for="id_proof" class="form-label">ID Proof (PDF/JPG/PNG)</label>
                            <input type="file" name="id_proof[]" class="form-control" multiple accept=".pdf,.jpg,.jpeg,.png">
                        </div>

                        <!-- Address Proof -->
                        <div class="mb-3">
                            <label for="address_proof" class="form-label">Address Proof (PDF/JPG/PNG)</label>
                            <input type="file" name="address_proof[]" class="form-control" multiple accept=".pdf,.jpg,.jpeg,.png">
                        </div>

                        <div class="col-12">
                <div class="mb-3">
                  <div class="d-flex pt-3 justify-content-end">
                    <a href="{{ route('admin.users.index') }}" class="btn btn-outline-primary btn-pill btn-stretch font-book ml-3 mt-6 fs-14 me-2">Cancel</a>
                    <button type="submit" class="btn btn-primary btn-stretch font-book mt-6 fs-14 add_user">Update</button>
                  </div>
                </div>
              </div>




                    </form>

                    <div class="mt-3">
                        <form action="{{ route('admin.users.generateCatalog', $user->id) }}" method="POST" target="_blank" class="mt-3">
                            @csrf
                            <button type="submit" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14 me-2">Generate Campaign</button>
                        </form>
                    </div>
                    

                    <!-- Existing Documents Table -->
                    @if($user->documents->count())
                        <h4 class="mt-5">Uploaded Documents</h4>

                        @php
                            $groupedDocs = $user->documents->groupBy('doc_type');
                            $order = ['id_proof', 'address_proof'];
                            $sortedDocs = collect($order)
                                ->filter(fn($key) => $groupedDocs->has($key))
                                ->mapWithKeys(fn($key) => [$key => $groupedDocs->get($key)]);
                        @endphp

                        @foreach($sortedDocs as $docType => $docs)
                            <h5 class="mt-4">{{ ucfirst(str_replace('_', ' ', $docType)) }}</h5>
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>File</th>
                                        <th>Status</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($docs as $document)
                                        <tr>
                                            <td>
                                                <a href="{{ asset('storage/' . $document->file_path) }}" target="_blank">
                                                    {{ basename($document->file_path) }}
                                                </a>
                                            </td>
                                            <td>{{ $document->signed_status ? 'Approved' : 'Pending' }}</td>
                                            <td>
                                                <!-- Toggle Approval -->
                                                <form action="{{ route('admin.users.documents.toggleApproval', $document->id) }}" method="POST" style="display:inline-block">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button type="submit" class="btn btn-sm {{ $document->signed_status ? 'btn-warning' : 'btn-success' }}">
                                                        {{ $document->signed_status ? 'Disapprove' : 'Approve' }}
                                                    </button>
                                                </form>

                                                <!-- Delete Document -->
                                                <form action="{{ route('admin.users.documents.destroy', $document->id) }}" method="POST" style="display:inline-block" onsubmit="return confirm('Are you sure you want to delete this document?');">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection