@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') }}
            <span class="text-muted fw-light"> / {{ __('titles.deals') }} / {{ $Investor->user->name }} </span>
        </h4>

        <div class="row match-height">
            <div class="col-4 mb-3">
                <div class="col-lg-12 col-6 mb-4">
                    <div class="card h-100">
                        <div class="card-body text-center">
                            <div class="badge rounded-pill p-2 bg-label-success mb-2">
                                <i class="ti ti-wallet ti-sm"></i>
                            </div>
                            <h5 class="card-title mb-2"><span id="total_deals">{{$Tab['total_deals']}}</span> <img src="{{ asset('assets/img/riyal.svg')}}" width="12" ></h5>
                            <small>{{ __('titles.total_invested') }}</small>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-6 mb-4">
                    <div class="card h-100">
                        <div class="card-body text-center">
                            <div class="badge rounded-pill p-2 bg-label-danger mb-2">
                                <i class="ti ti-wallet ti-sm"></i>
                            </div>
                            <h5 class="card-title mb-2"><span id="total_profits">{{$Tab['total_profits']}}</span> <img src="{{ asset('assets/img/riyal.svg')}}" width="12" ></h5>
                            <small>{{ __('titles.total_profit') }}</small>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-8 mb-3">
                <div class="card mb-4">
                    <div class="card-body row">
                        <div class="col-12 mb-3">
                            <label class="form-label"
                                for="basic-default-company">{{ __('titles.the') }}{{ __('titles.product') }}</label>
                            <input type="text" class="form-control" id="product_name"
                                placeholder="{{ __('titles.the') }}{{ __('titles.product') }}">
                        </div>
                        <div class="col-12 mb-3">
                            <label class="form-label" for="basic-default-company">{{ __('titles.categories') }}</label>
                            <select name="category_id" id="category_id" class="form-control">
                                <option value=""></option>
                                @foreach ($Categories as $key => $one)
                                    <option value="{{ $one->id }}">{{ $one->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 mb-3">
                            <label class="form-label"
                                for="basic-default-company">{{ __('titles.merchant') }}</label>
                            <input type="text" class="form-control" id="merchant_name"
                                placeholder="{{ __('titles.merchant') }}">
                        </div>
                        <div class="col-6">
                            <label class="form-label"
                                for="from_date">{{ __('titles.from_date') }}</label>
                            <input type="text" class="form-control" id="from_date"
                                placeholder="{{ __('titles.from_date') }}">
                        </div>
                        <div class="col-6">
                            <label class="form-label"
                                for="to_date">{{ __('titles.to_date') }}</label>
                            <input type="text" class="form-control" id="to_date"
                                placeholder="{{ __('titles.to_date') }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                    <div class="table-responsive mb-3">
                        <table class="table data-table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>{{ __('titles.product') }}</th>
                                    <th>{{ __('titles.merchant') }}</th>
                                    <th>{{ __('titles.quantity_purchased') }}</th>
                                    <th>{{ __('titles.amount_invested') }}</th>
                                    <th>{{ __('titles.expected_profit') }}</th>
                                    <th>{{ __('titles.actual_profit') }}</th>
                                    <th>{{ __('titles.status') }}</th>
                                    <th>{{ __('titles.the') }}{{ __('titles.created_at') }}</th>
                                    <th class="text-md-center">{{ __('titles.options') }}</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection