@extends('app.app')
@section('title', '')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="py-3 mb-4">{{ __('titles.investors_administration') }}</h4>
        <div class="row mb-4">
            @foreach ($TabStatus as $one)
                <div class="col-sm-6 col-lg-3 mb-4">
                <div class="card card-border-shadow-{{$one['color']}}">
                    <div class="card-body">
                        <div class="d-flex align-items-center mb-2 pb-1">
                            <div class="avatar me-2">
                                <span class="avatar-initial rounded bg-label-{{$one['color']}}"><i class="ti ti-circle-check ti-md"></i></span>
                            </div>
                            <h4 class="ms-1 mb-0">{{$one['count']}} <small>/ {{$total}}</small></h4>
                        </div>
                        <p class="mb-1">{{$one['value']}}</p>
                        <p class="mb-0">
                            <!--<span class="fw-medium me-1">+18.2%</span>-->
                        </p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        <div class="row mb-4">
            <div class="col-xl">
                <div class="card mb-4">
                    <div class="card-body row">
                        <div class="col-6 mb-3">
                            <label class="form-label" for="basic-default-fullname">{{ __('titles.name') }}</label>
                            <input type="text" class="form-control" id="name" placeholder="{{ __('titles.name') }}">
                        </div>
                        <div class="col-6 mb-3">
                            <label class="form-label" for="basic-default-company">{{ __('titles.id_number') }}</label>
                            <input type="text" class="form-control" id="id_number"
                                placeholder="{{ __('titles.id_number') }}">
                        </div>
                        <div class="col-6 mb-3">
                            <label class="form-label" for="basic-default-fullname">{{ __('titles.city') }}</label>
                            <select class="form-control" id="city_id">
                                <option value=""></option>
                                @foreach ($Cities as $one)
                                    <option value="{{ $one->id }}">{{ $one->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-6 mb-3">
                            <label class="form-label" for="basic-default-fullname">{{ __('titles.status') }}</label>
                            <select class="form-control" id="kyc_status">
                                <option value=""></option>
                                @foreach ($Status as $key => $one)
                                    <option value="{{ $key }}">{{ $one }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-12 col-lg-12 mb-4">
                <div class="card">
                    <div class="table-responsive text-nowrap">
                        <table class="table data-table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th class="fw-bold fs-big">{{ __('titles.name') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.city') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.total_invested') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.total_profit') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.is_active') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.status') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.created_at') }}</th>
                                    <th class="fw-bold fs-big">{{ __('titles.options') }}</th>
                                </tr>
                            </thead>
                            <tbody class="table-border-bottom-0">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection