@extends('app.app')
@section('title', '')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="py-3 mb-4">{{ __('titles.wholesale_inventory') }}
            <span class="text-muted fw-light"> / {{ __('titles.ID') }} {{ __('titles.offer') }} : {{ $data->id }} </span>
        </h4>
        <div class="row mb-4">
        </div>
        <div class="row">
            <div class="col-12 col-lg-6">
                <div class="card mb-4">
                    <div class="card-header">
                        <h6 class="card-title m-0">{{ __('titles.merchant') }}</h6>
                    </div>
                    <div class="card-body">
                        <div class="d-flex justify-content-start align-items-center mb-4">
                            <div class="avatar me-2">
                                <img src="{{ URL::asset($data->merchant->user->picture) }}"
                                    onerror="this.onerror=null;this.src='{{ URL::asset('users/avatar.png') }}';"
                                    alt="Avatar" class="rounded-circle">
                            </div>
                            <div class="d-flex flex-column">
                                <a href="app-user-view-account.html" class="text-body text-nowrap">
                                    <h6 class="mb-0">{{ $data->merchant->user->name }} </h6>
                                </a>
                                <small class="text-muted">{{ __('titles.ID') }} {{ __('titles.merchant') }} :
                                    #{{ $data->merchant->id }}</small>
                            </div>
                        </div>
                        <div class="d-flex justify-content-start align-items-center mb-4">
                            <span
                                class="avatar rounded-circle bg-label-success me-2 d-flex align-items-center justify-content-center"><i
                                    class="ti ti-shopping-cart ti-sm"></i></span>
                            <h6 class="text-body text-nowrap mb-0">12 {{ __('titles.offer') }}</h6>
                        </div>
                        <div class="d-flex justify-content-between">
                            <h6>{{ __('titles.details') }} {{ __('titles.the') }}{{ __('titles.company') }}</h6>
                        </div>
                        <p class="mb-1">{{ __('titles.company_name') }}: {{ $data->merchant->company_name }}</p>
                        <p class="mb-1">{{ __('titles.email') }}: {{ $data->merchant->user->email }}</p>
                        <p class="mb-0">{{ __('titles.phone') }}: {{ $data->merchant->user->email }}</p>
                        <hr>
                        <div class="d-flex justify-content-between">
                            <h6>{{ __('titles.trade_license_number') }}</h6>
                            <p class="mb-0">{{ $data->merchant->trade_license_number }}</p>
                        </div>
                        <div class="d-flex justify-content-between">
                            <h6>{{ __('titles.address') }}</h6>
                            <p class="mb-0">{{ $data->merchant->address }}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-6">
                <div class="card mb-4">
                    <div class="card-header">
                        <h6 class="card-title m-0">{{ __('titles.the') }}{{ __('titles.offer') }} : <span class="badge badge-glow bg-danger">{{ $data->status_name }}</span></h6>
                    </div>
                    <div class="card-body">
                        <div class="d-flex justify-content-start align-items-center mb-4">
                            <div class="avatar me-2">
                            @if ($data->product->product_pictures->isNotEmpty())
                                <img src="{{ asset($data->product->product_pictures->first()->picture) }}" alt="{{ $data->product->name }}"
                                    onerror="this.onerror=null;this.src='{{ URL::asset('users/avatar.png') }}';">
                            @endif
                            </div>
                            <div class="d-flex flex-column">
                                <a href="app-user-view-account.html" class="text-body text-nowrap">
                                    <h6 class="mb-0">{{ $data->product->name }} </h6>
                                </a>
                                <small class="text-muted">{{ __('titles.ID') }} {{ __('titles.product') }} :
                                    #{{ $data->product->id }}</small>
                            </div>
                        </div>
                        <div class="d-flex justify-content-between">
                            <h6>{{ __('titles.details') }} {{ __('titles.the') }}{{ __('titles.offer') }}</h6>
                        </div>
                        <span class="d-flex justify-content-between"><p class="mb-1">{{ __('titles.quantity') }}</p> <p class="badge badge-glow bg-success">{{ $data->quantity }}</p></span>
                        <span class="d-flex justify-content-between"><p class="mb-1">{{ __('titles.store_price') }}</p> <p class="badge badge-glow bg-success">{{ $data->store_price }}</p></span>
                        <span class="d-flex justify-content-between"><p class="mb-1">{{ __('titles.wholesale_price') }}</p> <p class="badge badge-glow bg-success">{{ $data->wholesale_price }}</p></span>
                        <span class="d-flex justify-content-between"><p class="mb-1">{{ __('titles.retail_price') }}</p> <p class="badge badge-glow bg-success">{{ $data->retail_price }}</p></span>
                        <span class="d-flex justify-content-between"><p class="mb-1">{{ __('titles.min_investment') }}</p> <p class="badge badge-glow bg-success">{{ $data->min_investment }}</p></span>
                        <span class="d-flex justify-content-between"><p class="mb-1">{{ __('titles.quantity_sold') }}</p> <p class="badge badge-glow bg-success">{{ $data->quantity_sold }}</p></span>
                        <span class="d-flex justify-content-between"><p class="mb-1">{{ __('titles.total_invested') }}</p> <p class="badge badge-glow bg-success">{{ $data->total_invested }}</p></span>
                        <span class="d-flex justify-content-between"><p class="mb-1">{{ __('titles.target_amount') }}</p> <p class="badge badge-glow bg-success">{{ $data->target_amount }}</p></span>
                        
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-12">
                <div class="card mb-4">
                    <div class="card-header">
                      <h5 class="card-title m-0">{{ __('titles.the') }}{{ __('titles.investments') }}</h5>
                    </div>
                    <div class="card-body">
                      <ul class="timeline pb-0 mb-0">
                      @foreach ($data->investments as $investment)
                        <li class="timeline-item timeline-item-transparent border-primary">
                          <span class="timeline-point timeline-point-primary"></span>
                          <div class="timeline-event">
                            <div class="timeline-header">
                              <h6 class="mb-0"> {{ __('titles.ID') }} {{ __('titles.investment') }} : #{{ $investment->id }} <br> استثمر السيد {{ $investment->investor->user->name }} مبلغ {{ $investment->amount_invested }} بنسبة {{ $investment->stake_percentage }}% </h6>
                              <span class="text-muted">{{ $investment->created_at->Format('Y/m/d H:i') }}</span>
                            </div>
                            <p class="mt-2">{{ __('titles.status') }} : {{ $investment->status_name }}</p>
                          </div>
                        </li>
                      @endforeach
                        
                      </ul>
                    </div>
                  </div>
            </div>
        </div>
    </div>
@endsection