@extends('layouts.personal_core')
@section('profile_title')
    Profil
@endsection
@section('extra_js')
    <script>
        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
        var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
            return new bootstrap.Tooltip(tooltipTriggerEl)
        })
    </script>
@endsection
@section('dashboard_wrapper')
    <div class="col-xl-9 col-lg-8">
        <div class="dashboard-wrapper box-style">
            <div class="title">
                <h3>Profilim</h3>
            </div>
            <div class="cards-wrapper">
                <div class="row">
                    <div class="col-md-4">
                        <div class="box-style single-card">
                            <div class="icon">
                                <i class="lni lni-notepad"></i>
                            </div>
                            <div class="text">
                                <h5>Gelen Teklifler</h5>
                                <p>{{$user->my_offers_count()}} adet</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box-style single-card">
                            <div class="icon">
                                <i class="lni lni-layers"></i>
                            </div>
                            <div class="text">
                                <h5>İlanlarım</h5>
                                <p>{{ $ads->count() }} adet</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="box-style single-card">
                            <div class="icon">
                                <i class="lni lni-envelope"></i>
                            </div>
                            <div class="text">
                                <h5>Mesajlar</h5>
                                <p>{{$user->my_messages_count()}} adet</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="table-wrapper table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>
                                Resim
                            </th>
                            <th>
                                Başlık
                            </th>
                            <th>
                                Kategori
                            </th>
                            <th>
                                Durum
                            </th>
                            <th>
                                Fiyat
                            </th>
                            <th>
                                İşlemler
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($ads as $ad)
                            <tr>
                                <td>
                                    <div class="image">

                                        <img src="{{ App\Models\ads_images::get_case_img($ad->id) }}" width="100"
                                            alt="">
                                    </div>
                                </td>
                                <td>
                                    <h6>{{ $ad->title }}</h6>
                                    <span class="ad-id">No :{{ $ad->ad_number }}</span>
                                </td>
                                <td>
                                    <span class="category">{{ $ad->category->title }}</span>
                                </td>
                                <td>

                                    @if ($ad->is_active == '0')
                                        <span style="font-size: 10px" class="status-btn bg-secondary">Yayında Değil</span>
                                    @elseif($ad->is_active == '1' && $ad->admin_confirm == '0')
                                        <span style="font-size: 10px" class="status-btn bg-warning">Onay Bekliyor</span>
                                    @else
                                        <span class="status-btn" style="font-size: 10px">Yayında</span>
                                    @endif

                                </td>
                                <td>
                                    <p>{{ $ad->price }} ₺</p>
                                </td>
                                <td>
                                    <div class="action-btns">
                                        <a href="javascript:void(0)" class="eye-btn"><i data-bs-toggle="tooltip"
                                                data-bs-placement="top" title="{{ $ad->show_count }}"
                                                class="lni lni-eye"></i></a>
                                        <a href="{{ route('personal.profile.edit_ad', ['ad_number' => $ad->ad_number]) }}"
                                            class="edit-btn"><i class="lni lni-pencil"></i></a>
                                        @if ($ad->is_active == '1')
                                            <a href="{{ route('personal.profile.update_status_of_ad', ['a_n' => $ad->ad_number]) }}"
                                                class="delete-btn" itle="Yayından Kaldır"><i class="lni lni-trash"></i></a>
                                        @else
                                            <a href="{{ route('personal.profile.update_status_of_ad', ['a_n' => $ad->ad_number]) }}"
                                                class="delete-btn" title="Yayına Al"><i
                                                    class="lni lni-checkmark-circle"></i></a>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

        </div>
    </div>
@endsection