@extends('admin.layout.master')
@section('title', "تفاصيل الاعلان")
@section('content')

    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h4 class="page-title">تفاصيل الاعلان</h4>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-12">


            <div class="card-box">
                @include('admin.layout.message')

                <h4 class="header-title">تفاصيل الاعلان</h4>


                <table class="table table-bordered dt-responsive nowrap"
                       style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                    <thead>
                    <tr style="font-size: larger;font-family: cairo">
                        <th width="10%">رقم الاعلان</th>
                        <th>الاسم بالعربي</th>
                        <th>الاسم بالانجليزي</th>
                        <th>صاحب الاعلان</th>
                        <th>المدينه</th>
                        <th>القسم</th>
                        <th>الحالة</th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr>
                        <td>{{$row->id}}</td>
                        <td>{{optional($row->translate('ar'))->name ?? '-'}}</td>
                        <td>{{$row->translate('en')->name ?? '-'}}</td>
                        <td>{{optional(App\Models\User::find($row->user_id))->name}}</td>
                        <td>{{optional(\App\Models\City::find($row->city_id))->name}}</td>
                        <td>{{optional(\App\Models\Category::find($row->category_id))->name}}</td>
                        <td>
                            @if($row->active == 0)
                                <span class="badge badge-danger">غير مفعل</span>
                            @else
                                <span class="badge badge-success">مفعل</span>
                        @endif
                        <td>

                    </tr>

                    </tbody>
                </table>

                <table class="table table-bordered dt-responsive nowrap"
                       style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                    <thead>
                    <tr style="font-size: larger;font-family: cairo">
                        <th width="10%"> عدد الاعجابات</th>
                        <th width="10%"> العنوان </th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr>
                        <td>{{$row->favorites->count()}}</td>
                        <td>{{$row->address}}</td>

                    </tr>

                    </tbody>
                </table>

                <div>
                    <h3>
                        الوصف
                    </h3>
                    <p>
                        {{$row->translate('ar')->description}}
                    </p>
                </div>
                @if($images != null)

                    <table class="table table-bordered dt-responsive nowrap"
                           style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
                        <tr style="font-size: large ; font-family: cairo">
                            <th> صور</th>
                        </tr>
                        </thead>
                        <tbody>

                        <tr>
                            @foreach($images as $image)
                                <td><img style="width: 100px ;height: 100px" src="{{$image['url']}}"></td>
                            @endforeach

                        </tr>
                        </tbody>
                    </table>
                @endif



                @if($thumb != null)
                    <h3>
                        صورة العرض
                    </h3>
                    <div>
                        <img style="width: 450px ;height: 300px" src="{{$thumb}}">
                    </div>
                @endif


                @if($video != null)
                    <h3>
                        الفيديو
                    </h3>
                    <div>
                        <video style="width: 400px ;height: 400px" controls>
                            <source src="{{$video}}" type="video/mp4">
                        </video>

                    </div>
                @endif
            </div>
        </div> <!-- end row -->

@stop