@extends('admin.layout.panel')

@section('title')
    داشبورد
@endsection

@section('content')
    <!-- Page Header -->
    <div class="page-header">
        <div>
            <h2 class="main-content-title tx-24 mg-b-5">به داشبورد خوش آمدید</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">داشبورد</a></li>
                <li class="breadcrumb-item active" aria-current="page">صفحه اصلی</li>
            </ol>
        </div>
    </div>
    <!-- End Page Header -->

    <!--Row-->
    <div class="row row-sm">
        <div class="col-sm-12 col-lg-12 col-xl-8">

            <!--Row-->
            <div class="row row-sm  mt-lg-4">
                <div class="col-sm-12 col-lg-12 col-xl-12">
                    <div class="card bg-primary custom-card card-box">
                        <div class="card-body p-4">
                            <div class="row align-items-center">
                                <div class="offset-xl-3 offset-sm-6 col-xl-8 col-sm-6 col-12 img-bg ">
                                    <h4 class="d-flex  mb-3">
                                        <span class="font-weight-bold text-white ">{{ Auth::user()->first_name }}
                                            {{ Auth::user()->last_name }} عزیز</span>
                                    </h4>
                                    <p class="tx-white-7 mb-1">شما <b
                                            class="text-warning">{{ \App\Action\Admin\AdminQuery::unseenNotifications()->count() }}</b>
                                        اعلان
                                        جدید دارید و <b class="text-warning">{{ Auth::user()->unseenTickets->count() }}</b>
                                        تیکت
                                        پاسخ داده نشد موجود است.</p>
                                </div>
                                <img src="{{ asset('assets/img/pngs/work3.png') }}" alt="user-img">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--Row -->

            <!--Row-->
            <div class="row row-sm">
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                    <div class="card custom-card">
                        <div class="card-body">
                            <div class="card-item">
                                <div class="card-item-icon card-icon">
                                    <svg class="text-primary" xmlns="http://www.w3.org/2000/svg"
                                        enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24">
                                        <g>
                                            <rect height="14" opacity=".3" width="14" x="5" y="5"></rect>
                                            <g>
                                                <rect fill="none" height="24" width="24"></rect>
                                                <g>
                                                    <path
                                                        d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z">
                                                    </path>
                                                    <rect height="5" width="2" x="7" y="12"></rect>
                                                    <rect height="10" width="2" x="15" y="7"></rect>
                                                    <rect height="3" width="2" x="11" y="14"></rect>
                                                    <rect height="2" width="2" x="11" y="10"></rect>
                                                </g>
                                            </g>
                                        </g>
                                    </svg>
                                </div>
                                <div class="card-item-title mb-2">
                                    <label class="main-content-label tx-13 font-weight-bold mb-1">مبلغ خرید روزانه</label>
                                    <span class="d-block tx-12 mb-0 text-muted">مجموع مبلغ و تعداد آن</span>
                                </div>
                                <div class="card-item-body">
                                    <div class="card-item-stat">
                                        <h4 class="font-weight-bold">{{ \App\Action\Helper\HelperFunction::amountShow($dashboardLog->daily_purchase_price) }} تومان</h4>
                                        <small><b class="text-success">{{ $dashboardLog->daily_purchase_count }}</b>
                                            عدد</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                    <div class="card custom-card">
                        <div class="card-body">
                            <div class="card-item">
                                <div class="card-item-icon card-icon">
                                    <svg class="text-primary" xmlns="http://www.w3.org/2000/svg"
                                        enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24">
                                        <g>
                                            <rect height="14" opacity=".3" width="14" x="5" y="5"></rect>
                                            <g>
                                                <rect fill="none" height="24" width="24"></rect>
                                                <g>
                                                    <path
                                                        d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z">
                                                    </path>
                                                    <rect height="5" width="2" x="7" y="12"></rect>
                                                    <rect height="10" width="2" x="15" y="7"></rect>
                                                    <rect height="3" width="2" x="11" y="14"></rect>
                                                    <rect height="2" width="2" x="11" y="10"></rect>
                                                </g>
                                            </g>
                                        </g>
                                    </svg>
                                </div>
                                <div class="card-item-title mb-2">
                                    <label class="main-content-label tx-13 font-weight-bold mb-1">مبلغ خرید ماهانه</label>
                                    <span class="d-block tx-12 mb-0 text-muted">مجموع مبلغ و تعداد آن</span>
                                </div>
                                <div class="card-item-body">
                                    <div class="card-item-stat">
                                        <h4 class="font-weight-bold">{{ \App\Action\Helper\HelperFunction::amountShow($dashboardLog->monthly_purchase_price) }} تومان</h4>
                                        <small><b class="text-success">{{ $dashboardLog->monthly_purchase_count }}</b>
                                            عدد</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                    <div class="card custom-card">
                        <div class="card-body">
                            <div class="card-item">
                                <div class="card-item-icon card-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24"
                                        width="24">
                                        <path d="M0 0h24v24H0V0z" fill="none"></path>
                                        <path
                                            d="M12 4c-4.41 0-8 3.59-8 8 0 1.82.62 3.49 1.64 4.83 1.43-1.74 4.9-2.33 6.36-2.33s4.93.59 6.36 2.33C19.38 15.49 20 13.82 20 12c0-4.41-3.59-8-8-8zm0 9c-1.94 0-3.5-1.56-3.5-3.5S10.06 6 12 6s3.5 1.56 3.5 3.5S13.94 13 12 13z"
                                            opacity=".3"></path>
                                        <path
                                            d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.51.88 4.93 1.78C15.57 19.36 13.86 20 12 20s-3.57-.64-4.93-1.72zm11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33C4.62 15.49 4 13.82 4 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.49-1.64 4.83zM12 6c-1.94 0-3.5 1.56-3.5 3.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z">
                                        </path>
                                    </svg>
                                </div>
                                <div class="card-item-title mb-2">
                                    <label class="main-content-label tx-13 font-weight-bold mb-1">کاربر های جدید</label>
                                    <span class="d-block tx-12 mb-0 text-muted">امروز</span>
                                </div>
                                <div class="card-item-body">
                                    <div class="card-item-stat">
                                        <h4 class="font-weight-bold">{{ $dashboardLog->daily_register }}</h4>
                                        <small><b class="text-success">جدید</b></small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                    <div class="card custom-card">
                        <div class="card-body">
                            <div class="card-item">
                                <div class="card-item-icon card-icon">
                                    <svg class="text-primary" xmlns="http://www.w3.org/2000/svg"
                                        enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24"
                                        width="24">
                                        <g>
                                            <rect height="14" opacity=".3" width="14" x="5" y="5"></rect>
                                            <g>
                                                <rect fill="none" height="24" width="24"></rect>
                                                <g>
                                                    <path
                                                        d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z">
                                                    </path>
                                                    <rect height="5" width="2" x="7" y="12"></rect>
                                                    <rect height="10" width="2" x="15" y="7"></rect>
                                                    <rect height="3" width="2" x="11" y="14"></rect>
                                                    <rect height="2" width="2" x="11" y="10"></rect>
                                                </g>
                                            </g>
                                        </g>
                                    </svg>
                                </div>
                                <div class="card-item-title mb-2">
                                    <label class="main-content-label tx-13 font-weight-bold mb-1">فیلم و سریال های
                                        جدید</label>
                                    <span class="d-block tx-12 mb-0 text-muted">مجموع فیلم و سریال های آپلود شده</span>
                                </div>
                                <div class="card-item-body">
                                    <div class="card-item-stat">
                                        <h4 class="font-weight-bold">{{ $dashboardLog->daily_uploaded_movie }}</h4>
                                        <small><b class="text-success">امروز</b></small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                    <div class="card custom-card">
                        <div class="card-body">
                            <div class="card-item">
                                <div class="card-item-icon card-icon">
                                    <svg class="text-primary" xmlns="http://www.w3.org/2000/svg"
                                        enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24"
                                        width="24">
                                        <g>
                                            <rect height="14" opacity=".3" width="14" x="5" y="5"></rect>
                                            <g>
                                                <rect fill="none" height="24" width="24"></rect>
                                                <g>
                                                    <path
                                                        d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z">
                                                    </path>
                                                    <rect height="5" width="2" x="7" y="12"></rect>
                                                    <rect height="10" width="2" x="15" y="7"></rect>
                                                    <rect height="3" width="2" x="11" y="14"></rect>
                                                    <rect height="2" width="2" x="11" y="10"></rect>
                                                </g>
                                            </g>
                                        </g>
                                    </svg>
                                </div>
                                <div class="card-item-title mb-2">
                                    <label class="main-content-label tx-13 font-weight-bold mb-1">تعداد دیدگاه ها</label>
                                    <span class="d-block tx-12 mb-0 text-muted">تعداد دیدگاه های جدید</span>
                                </div>
                                <div class="card-item-body">
                                    <div class="card-item-stat">
                                        <h4 class="font-weight-bold">{{ $dashboardLog->pending_comment_count }}</h4>
                                        <small><b class="text-success">در انتظار تایید</b></small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-6 col-xl-4">
                    <div class="card custom-card">
                        <div class="card-body">
                            <div class="card-item">
                                <div class="card-item-icon card-icon">
                                    <svg class="text-primary" xmlns="http://www.w3.org/2000/svg"
                                        enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24"
                                        width="24">
                                        <g>
                                            <rect height="14" opacity=".3" width="14" x="5" y="5"></rect>
                                            <g>
                                                <rect fill="none" height="24" width="24"></rect>
                                                <g>
                                                    <path
                                                        d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V5h14V19z">
                                                    </path>
                                                    <rect height="5" width="2" x="7" y="12"></rect>
                                                    <rect height="10" width="2" x="15" y="7"></rect>
                                                    <rect height="3" width="2" x="11" y="14"></rect>
                                                    <rect height="2" width="2" x="11" y="10"></rect>
                                                </g>
                                            </g>
                                        </g>
                                    </svg>
                                </div>
                                <div class="card-item-title mb-2">
                                    <label class="main-content-label tx-13 font-weight-bold mb-1">تعداد تیکت ها</label>
                                    <span class="d-block tx-12 mb-0 text-muted">مجموع تعداد تیکت های جاری</span>
                                </div>
                                <div class="card-item-body">
                                    <div class="card-item-stat">
                                        <h4 class="font-weight-bold">{{ $dashboardLog->pending_ticket_count }}</h4>
                                        <small><b class="text-success">پاسخ داده نشده</b></small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End row-->
        </div><!-- col end -->
        <div class="col-sm-12 col-lg-12 col-xl-4 mt-xl-4">
            <div class="card custom-card card-dashboard-calendar pb-0">
                <label class="main-content-label mb-2 pt-1">فیلم و سریال های جدید</label>
                <span class="d-block tx-12 mb-2 text-muted">تمام محتوا هایی که جدیدا بارگذاری شده</span>
                <table class="table table-hover m-b-0 transcations mt-2">
                    <tbody>
                        @foreach ($lastMovies as $movie)
                            <tr>
                                <td class="wd-5p">
                                    <div class="main-img-user avatar-md">
                                        @if ($movie->mobile_image)
                                            @if (str_contains($movie->mobile_image, 'http') || str_contains($movie->mobile_image, 'https'))
                                                <img alt="{{ $movie->fa_title }}" class="rounded-circle ml-3"
                                                    src="{{ $movie->mobile_image }}">
                                            @else
                                                <img alt="{{ $movie->fa_title }}" class="rounded-circle ml-3"
                                                    src="{{ $movie->generateLink($movie->mobile_image) }}">
                                            @endif
                                        @endif
                                    </div>
                                </td>
                                <td>
                                    <div class="d-flex align-middle mr-3">
                                        <div class="d-inline-block">
                                            <a @if($movie->status != 0) href="https://neterplay.com/movies/{{ $movie->slug }}" @endif target="_blank" style="text-decoration: none; color: inherit;">
                                                <h6 class="mb-1">{{ $movie->fa_title }}
                                                    <small>
                                                        @if ($movie->status == 0)
                                                            <span class="badge badge-light">غیر فعال</span>
                                                        @endif
                                                    </small>
                                                </h6>
                                            </a>
                                            <p class="mb-0 tx-13 text-muted">{{ $movie->category->title }}</p>
                                        </div>
                                    </div>
                                </td>
                                <td class="text-left">
                                    <div class="d-inline-block">
                                        <h6 class="mb-2 tx-15 font-weight-semibold">
                                            @if ($movie->user_rate)
                                                {{ $movie->user_rate }}
                                            @else
                                                0
                                            @endif
                                            /10<i class="fa fa-heart mr-2 text-danger m-r-10"></i>
                                        </h6>
                                        <p class="mb-0 tx-11 text-muted">
                                            @if ($movie->created_at)
                                                {{ $movie->created_at }}
                                            @else
                                                نا معلوم
                                            @endif
                                        </p>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div><!-- col end -->
    </div><!-- Row end -->
@endsection