@extends('admin.layouts.admin')

@section('title')
Admin | Investor Details
@endsection
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
@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"></span>Investor Details</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">
                <div class="dt-action-buttons text-end pt-3 pt-md-0">
                  <div class="dt-buttons"> 
                  </div>
                </div>
              </div>
              <div class="card-body">
                <div class="d-flex pt-3 justify-content-end">
                  
                      <a href="{{route("admin.users.edit",["user"=> $user->id ])}}" class="btn btn-outline-primary btn-pill btn-streach font-book me-2 mt-6 fs-14 ">Edit</a>
                  
                      <a href="{{route("admin.users.index")}}" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14">Back</a>
                </div>
                <h5 class="pb-2 border-bottom mb-4">Investor Details</h5>
                <div class="info-container">
                <div class="row">  
                    <div class="col-12"> 

<table class="table table-bordered">
<tr><th>ID</th><td>{{ $user->id }}</td></tr>
<tr><th>Name</th><td>{{ $user->full_name }}</td></tr>
<tr><th>Email</th><td>{{ $user->email }}</td></tr>
<tr><th>Phone</th><td>{{ $user->phone ?? '-' }}</td></tr>
<tr><th>Date of Birth</th><td>{{ $user->dob ?? '-' }}</td></tr>
<tr><th>Address</th><td>{{ $user->address ?? '-' }}</td></tr>
<tr><th>Status</th><td>{{ ucfirst($user->status) }}</td></tr>
<tr><th>KYC Status</th><td>{{ ucfirst($user->kyc_status) }}</td></tr>
<tr><th>Created At</th><td>{{ $user->created_at }}</td></tr>
<tr><th>Updated At</th><td>{{ $user->updated_at }}</td></tr>
</table>



<h5 class="mt-4">Uploaded Documents</h4>

@php
$groupedDocs = $user->documents->groupBy('doc_type');

// Define fixed display order for investor docs
$order = ['id_proof', 'address_proof'];

$sortedDocs = collect($order)
->filter(fn($key) => $groupedDocs->has($key))
->mapWithKeys(fn($key) => [$key => $groupedDocs->get($key)]);
@endphp

@forelse($sortedDocs as $docType => $docs)
<h5 class="mt-3">{{ ucfirst(str_replace('_', ' ', $docType)) }}</h5>
<table class="table table-bordered">
<thead>
<tr>
<th>File</th>
<th>Status</th>
</tr>
</thead>
<tbody>
@foreach($docs as $doc)
<tr>
<td>
<a href="{{ asset('storage/' . $doc->file_path) }}" target="_blank">
{{ basename($doc->file_path) }}
</a>
</td>
<td>{{ $doc->signed_status ? 'Approved' : 'Pending' }}</td>
</tr>
@endforeach
</tbody>
</table>
@empty
<p>No documents uploaded.</p>
@endforelse

                    </div>

                   
                    
                    
                
<div class="d-flex pt-3 justify-content-end">

 
<a href="{{route("admin.users.edit",["user"=> $user->id ])}}" class="btn btn-outline-primary btn-pill btn-streach font-book me-2 mt-6 fs-14 ">Edit</a>

<a href="{{ route('admin.users.index') }}" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14">Back</a>
</div>

                </div>
              </div>
               
          </div>
		</div>
    </div>
</div>
@endsection