@extends('admin.layouts.master')
@section('content')

    @include('admin.layouts.navbar')


    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
            </div>
            <div class="content-body">
                <!-- page users view start -->
                <section class="page-users-view">
                    <div class="row">
                        <!-- account start -->
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <div class="card-title">المزاد</div>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="users-view-image ">
                                            <img width="100px" height="100px"
                                                 src="{{ $auction->ad?->getFirstMediaUrl()  }}"
                                                 class="users-avatar-shadow w-100 rounded mb-2 pr-2 ml-1"
                                                 alt="avatar  ">
                                        </div>
                                        <div class="col-12 col-sm-9 col-md-6 col-lg-5">
                                            <table>
                                                <tr>
                                                    <td class="font-weight-bold">نوع المزاد :</td>
                                                    <td> {{ $auction->ad?->type?->name }} </td>
                                                </tr>
                                                <tr>
                                                    <td class="font-weight-bold"> تاريخ بداية المزاد:</td>
                                                    <td> {{ $auction->start_date  }} </td>
                                                </tr>
                                                <tr>
                                                    <td class="font-weight-bold"> تاريخ نهاية المزاد :</td>
                                                    <td> {{ $auction->start_date}} </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- account end -->
                        <!-- information start -->
                        <div class="col-md-6 col-12 ">
                            <div class="card">
                                <div class="card-header">
                                    <div class="card-title mb-2">معلومات الاعضاء</div>
                                </div>
                                <div class="card-body">
                                    <ul>
                                        @foreach ($auction->auctions as $au)

                                            <li>الاسم: {{ $au->user->name }}, السعر: {{ $au->price  }}</li>

                                        @endforeach

                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- information start -->
                    </div>
                </section>
                <!-- page users view end -->

            </div>
        </div>
    </div>
    <!-- END: Content-->

    <div class="sidenav-overlay"></div>
    <div class="drag-target"></div>

@endsection