@extends('dashboard.layouts.app')
@section('content')
<div class="card my-cstm-card info-card v3 pack-det ">
    <div class="card-title">
        <h4>
            <div class="avatar avatar-sm bg-light-secondary p-50 bold">
                <div class="avatar-content text-success">
                    <i data-feather="award" class="font-medium-5"></i>
                </div>
            </div>
            {{$row->title}}
        </h4>
    </div>
    <div class="card-body">
        <div class="row match-height">
            <div class="col-md-6">
                <div class="item">
                    <span class="lbl">
                        <span class="i-wr">
                            <i data-feather="dollar-sign"></i>
                        </span>
                        المبلغ
                    </span>
                    <span class="val bold">
                        {{$row->price}}
                    </span>
                </div>
                <div class="item">
                    <span class="lbl">
                        <span class="i-wr">
                            <i data-feather="user-plus"></i>
                        </span>
                        عدد المزايدات
                    </span>
                    <span class="val bold">
                        ------
                    </span>
                </div>
                <div class="item">
                    <span class="lbl">
                        <span class="i-wr">
                            <i data-feather="plus-circle"></i>
                        </span>
                        الحد الاقصي للمزايده
                    </span>
                    <span class="val bold">
                        {{$row->max_auction}}
                    </span>
                </div>

            </div>
            <div class="col-md-6">
                <div class="item">
                    <span class="lbl">
                        <span class="i-wr">
                            <i data-feather="percent"></i>
                        </span>
                        النسبة المئوية للمزايده
                    </span>
                    <span class="val bold">
                        {{$row->percent_auction}}
                    </span>
                </div>
                <div class="item">
                    <span class="lbl">
                        <span class="i-wr">
                            <i data-feather="grid"></i>
                        </span>
                        عدد الخصائص المدعومه
                    </span>
                    <span class="val bold">
                        {{$row->PackageOption()->count()}}
                    </span>
                </div>
                <div class="item">
                    <span class="lbl">
                        <span class="i-wr">
                            <i data-feather="info"></i>
                        </span>
                        الحاله
                    </span>
                    <span class="val bold">
                        @if ($row->active)
                        <span class="badge badge-pill badge-light-primary"> نشط
                        </span>

                        @else
                        <span class="badge badge-pill badge-light-danger"> مجمد
                        </span>

                        @endif
                    </span>
                </div>

            </div>
        </div>
    </div>
</div>
<section id="card-style-variation">
    <h3 class="mt-3 mb-2 text-primary  font-weight-bold">الخصائص</h3>
    <!-- Solid -->
    <div class="row">
        @foreach ($row->PackageOption()->get() as $item)
        <div class="col-md-6 col-xl-4">
            <div class="card border-success">
                <div class="card-body sm-card">
                    <h6 class="card-title text-success">{{$item->Option->title ?? ''}}</h6>
                    {{-- <p class="card-text"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Des --}}
                    {{-- </p> --}}
                </div>
            </div>
        </div>

        @endforeach

    </div>
</section>
@endsection