@extends('doctor.layouts.app')
@section('content')
<div class="title-area justify-content-between mt-5 pt-3">
            <h3 class="ps-4">Profile</h3>
            <!--<div class="balance">$500 <span><img src="{{ asset('frontend/assets/img/icon/dollar-sign.png') }}" alt="img"></span></div>--> 
        </div>
        <div class="container">
            <div class="my-profile-wrap">
                <div class="media">
                    <div class="thumb">{{ strtoupper(substr($doctor->doctorname, 0, 2)) }}</div>
                    <div class="media-body">
                        <h6 class="profile-name">{{$doctor->doctorname}}</h6>
                        <p class="profile-mail">{{$doctor->speciality}}</p>
                    </div>
                    <img class="star star1" src="{{ asset('frontend/assets/img/icon/star.png') }}" alt="img">
                    <img class="star star2" src="{{ asset('frontend/assets/img/icon/star.png') }}" alt="img">
                </div>
            </div>
        </div>
        <div class="profile-details" style="background-image: url({{ asset('frontend/assets/img/other/profile-bg.png') }});">
            <ul>
                <li>
                    <h6>{{$predictionc}}</h6>
                    <span>Total Participated</span>
                </li>
                <li>
                    <h6>{{$winnerc}}</h6>
                    <span>Total Winners </span>
                </li>
            </ul>
        </div>
        <div class="container">
            <ul class="profile-list-inner">
                <li>
                    <a class="single-profile-wrap" href="{{url('doctor/about')}}"><i class="fa fa-user"></i> About <i class="ri-arrow-right-s-line"></i></a>
                </li>
                <!--<li>
                    <a class="single-profile-wrap" href="wallet.html"><i class="fa fa-wallet"></i> Wallet <i class="ri-arrow-right-s-line"></i></a>
                </li>
                <li>
                    <a class="single-profile-wrap" href="component.html"><i class="fa fa-cubes"></i> Component <i class="ri-arrow-right-s-line"></i></a>
                </li>
                <li>
                    <div class="single-profile-wrap">
                        <i class="fas fa-bell"></i>
                        Push Notification
                        <label class="switch">
                            <input type="checkbox">
                            <span class="slider round"></span>
                        </label>
                    </div>
                </li>-->
                <li>
                    <div class="single-profile-wrap">
                        <i class="fas fa-cloud-moon"></i>
                        Dark/Light Mode
                        <div class="dark-area">
                            <label class="change-mode switch">
                                <input type="checkbox" data-active="true">
                                <span class="slider round"></span>
                            </label>
                        </div>
                    </div>
                </li>
                <!--<li>
                    <a class="single-profile-wrap" href="invite.html"><i class="fas fa-users"></i> Invite <i class="ri-arrow-right-s-line"></i></a>
                </li>
                <li>
                    <a class="single-profile-wrap" href="statistics.html"><i class="fas fa-chart-line"></i> Statistics <i class="ri-arrow-right-s-line"></i></a>
                </li>
                <li>
                    <a class="single-profile-wrap" href="change-pass.html"><i class="fas fa-lock"></i> Change Password <i class="ri-arrow-right-s-line"></i></a>
                </li>
                <li>
                    <a class="single-profile-wrap" href="term-condition.html"><i class="fas fa-exclamation-triangle"></i>Terms & Conditions <i class="ri-arrow-right-s-line"></i></a>
                </li>-->
                <li><a href="{{ route('logout') }}" class="single-profile-wrap" onclick="event.preventDefault();
                                    document.getElementById('logout-form').submit();">
                                  <i class="fas fa-sign-out-alt"></i>Log Out <i class="ri-arrow-right-s-line"></i></a>
                                        <form id="logout-form" action="{{ route('doctor.logout') }}" method="POST" class="d-none">
                                            @csrf
                                        </form>
                </li>                
            </ul>
        </div>
        
@endsection
@section('footers')
@endsection