@if (!session('phone'))
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">وارد کردن شماره تماس</h5>
                </div>
                <p class="p-4">به جهت برخوردار شدن از جشنواره‌ها ، تخفیف‌ها و جوایز ویژه‌ی دوره‌های مختلف کافه کنکور
                    و همچنین ارتباط بهتر و سریع‌تر با گروه پشتیبانی حتما شماره تماس خود را وارد کنید.</p>

                <form action="{{ route('store-phoen') }}" method="post">
                    @csrf
                    <div class="modal-body">
                        <label for="form-phone">شماره تلفن</label>
                        <input type="text" id="form-phone" name="phone" class="form-control border" required>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-secondary" data-dismiss="modal" aria-label="Close">ثبت
                            شماره تماس</button>
                    </div>

                </form>
            </div>
        </div>
    </div>
@endif
<header data-anim="fade" data-add-bg="bg-dark-1" class="header -type-1 js-header">
    <div class="header__container shadow">
        <div class="row justify-between items-center">

            <div class="col-auto">
                <div class="header-left">

                    <div class="header__logo ">
                        <a data-barba href="{{ route('home') }}">
                            <img width="70" src="{{ asset('site/img/general/logo.png') }}" alt="logo">
                        </a>
                    </div>
                    <div class="header__explore text-green-1 mr-60 xl:mr-30 xl:d-none">

                        <div class="explore-content py-25 rounded-8 bg-white toggle-element js-explore-toggle">
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-menu js-mobile-menu-toggle ">
                <div class="header-menu__content">
                    <div class="mobile-bg js-mobile-bg"></div>

                    {{-- <div class="d-none xl:d-flex items-center px-20 py-20 border-bottom-light">
                        <a href="{{ route('login') }}" class="text-100">ورود یا ثبت نام</a>
                    </div> --}}
                    <div class="d-none xl:d-flex items-center px-20 py-20 border-bottom-light">
                        @if (auth()->check())
                            @if(auth()->user()->role == 'teacher')
                                <a href="{{ route('panel') }}" class="button -sm -white text-dark-1 mr-30">پنل انتخاب رشته</a>
                            @elseif(auth()->user()->role == 'head_adviser')

                                <a href="{{ route('panel') }}" class="button -sm -white text-dark-1 mr-30">پنل انتخاب رشته</a>

                            @elseif(auth()->user()->role == 'admin')

                            <a href="{{ route('panel') }}" class="button -sm -white text-dark-1 mr-30">پنل مدیریت</a>

                            @else
                                <a href="{{ route('dashboard.index') }}" class="button -sm -white text-dark-1 mr-30">پنل
                                    کاربری</a>
                            @endif
                            <form action="{{ route('logout') }}" method="post">
                                @csrf
                                <button class="button -sm -white text-dark-1 mr-10">خروج</button>
                            </form>
                        @else
                            <a href="{{ route('login') }}" class="button -sm -white text-dark-1 mr-30">ورود | ثبت
                                نام</a>
                        @endif
                    </div>

                    <div class="menu js-navList">
                        <ul class="menu__nav text-white -is-active">
                            <li>
                                <a class="mr-10" data-barba href="{{ route('home') }}">صفحه اصلی</a>
                            </li>
                            <li>
                                <a class="mr-10" data-barba href="https://auto.miladnasehzadeh.com">  سامانه انتخاب رشته   </a>
                            </li>
                            {{-- <li>
                                <a class="mr-10" data-barba href="{{ route('culture') }}">انتخاب رشته فرهنگیان</a>
                            </li> --}}
                            <li>
                                <a class="mr-10" data-barba href="{{ route('blogs') }}">مقالات</a>
                            </li>
                            <li class="dropdown">
{{--                                <button class=" dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">--}}
{{--                                    دوره ها--}}
{{--                                </button>--}}
{{--                                <div class="dropdown-menu" aria-labelledby="dropdownMenu2">--}}
{{--                                    <a type="button" class="dropdown-item" href="{{ route('bigbangs') }}">بیگ بنگ</a>--}}
{{--                                    <a type="button" class="dropdown-item" href="{{ route('bigbangs' , ('special_plan')) }}">بیگ بنگ 60</a>--}}
{{--                                </div>--}}
                                   <a class="mr-10"> دوره ها</a>
                                    <div class="dropdown-content shadow">
                                        <a type="button" class="dropdown-item border-bottom" href="{{ route('bigbangs') }}">بیگ بنگ</a><br>
                                        <a type="button" class="dropdown-item" href="{{ route('bigbangs' , ('special_plan')) }}">بیگ بنگ 60</a>
                                        <a type="button" class="dropdown-item" href="{{ route('courseteachersho' , 'معلم_شو') }}"> معلم شو </a>
                                    </div>
                            </li>
                            <li class="dropdown-dis">
                                <a type="button" class="dropdown-item border-bottom" href="{{ route('bigbangs') }}">بیگ بنگ</a>
                            </li>
                            <li class="dropdown-dis">
                                <a type="button" class="dropdown-item" href="{{ route('bigbangs' , ('special_plan')) }}">بیگ بنگ 60</a>
                            </li>
                            <li>
                                <a class="mr-10" data-barba href="{{ route('teachers') }}">دبیران</a>
                            </li>
                            <li>
                                <a class="mr-10" data-barba href="{{ route('about') }}">درباره ما</a>
                            </li>
                            <li>
                                <a class="mr-10" data-barba href="{{ route('contact') }}">تماس با ما</a>
                            </li>



                        </ul>
                        </li>
                        </ul>
                    </div>


                </div>

                <div class="header-menu-close" data-el-toggle=".js-mobile-menu-toggle">
                    <div class="size-40 d-flex items-center justify-center rounded-full bg-white">
                        <div class="icon-close text-dark-1 text-16"></div>
                    </div>
                </div>

                <div class="header-menu-bg"></div>
            </div>


            <div class="col-auto">
                <div class="header-right d-flex items-center">
                    <div class="header-right__icons text-white d-flex items-center">

                        <div class="">
                            <button class="d-flex items-center text-white" aria-label="search"
                                data-el-toggle=".js-search-toggle">
                                <i class="text-20 icon icon-search"></i>
                            </button>
                            <div class="toggle-element js-search-toggle">
                                <div class="header-search bg-white shadow-4">
                                    <div class="container-fluid p-4 pb-0">
                                        <div class="header-search__field">
                                            {{-- <div class="icon icon-search text-dark-1"></div> --}}
                                            <input type="text" id="search"class="search" style="width: 90%"
                                                autocomplete="off" class="col-12 text-15 lh-12 text-dark-1 fw-500"
                                                placeholder="جستجوی دوره">
                                            <button
                                                class="d-flex items-center justify-center size-40 rounded-full bg-purple-3"
                                                data-el-toggle=".js-search-toggle">
                                                <img src="{{ asset('site/img/menus/close.svg') }}" alt="icon">
                                            </button>
                                            <div class="course-header">
                                                <div class="row">

                                                </div>
                                            </div>
                                            {{--                      دوره های زیر سرچ --}}
                                            {{-- @isset($data)
                                            @php
                                                $data = json_decode($data);
                                            @endphp
                                                @foreach ($data as $item)
                                                <div class="course-header">
                                                    <div class="row">
                                                        <div class="col-lg-3 col-md-6 col-sm-12">
                                                            <div class="course-v">
                                                                <div class="field-bigbang"
                                                                    style="background-image: url('https://miladnasehzadeh.com/site-assets/images/milad-nasehzade.png');">
                                                                    <a href="https://admin.shinebetter.ir/bigbang/test">
                                                                        <h4 class="searchTitle">test</h4>
                                                                        <p>
                                                                            <span>قیمت کل:</span>
                                                                        {{ $item->price }} تومان
                                                                        </p>
                                                                        <a href="" class="view-search">
                                                                            مشاهده دوره
                                                                        </a>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforeach
                                            @endisset --}}
                                            {{--                      پایان --}}
                                        </div>
                                    </div>
                                </div>
                                <div class="header-search__bg" data-el-toggle=".js-search-toggle"></div>
                            </div>
                        </div>
                        <div class="relative mr-30 xl:mr-20">
                            <button class="d-flex items-center text-white cart-toggle" aria-label="cart"
                                data-el-toggle=".js-cart-toggle">
                                @if (isset($authCart) && $authCart->first() && !$authCart->first()->items->isEmpty())
                                    <span class="cart-count-badge">{{ $authCart->first()->items()->count() }}</span>
                                @endif
                                <i class="text-20 icon icon-basket"></i>
                            </button>

                            <div class="toggle-element js-cart-toggle">
                                <div class="header-cart bg-white -dark-bg-dark-1 rounded-8">
                                    <div class="px-30 pt-30 pb-10">

                                        <div class="col-auto text-left mb-20">
                                            <button class="js-cart-toggle" aria-label="cart"
                                            data-el-toggle=".js-cart-toggle"><img
                                            src="{{ asset('site/img/menus/close.svg') }}"
                                            alt="icon">
                                                بستن سبد خرید
                                            </button>
                                        </div>

                                        @if (isset($authCart) && $authCart->first() && !$authCart->first()->items->isEmpty())
                                            @foreach ($authCart->first()->items as $item)
                                                <div class="row justify-between x-gap-40 pb-20">
                                                    <div class="col">
                                                        <div class="row x-gap-10 y-gap-10">
                                                            <div class="col-auto">
                                                                <img src="{{ asset($item->course->cover) }}"
                                                                    style="width: 80px; height: 80px" alt="image">
                                                            </div>

                                                            <div class="col">
                                                                <div class="text-dark-1 lh-15">
                                                                    {{ $item->course->name }}

                                                                    <p>تعداد : {{ $item->count }} عدد</p>
                                                                </div>
                                                                <div class="d-flex items-center mt-10">
                                                                    <div class="text-15 lh-12 fw-500 text-dark-1">
                                                                        {{ $item->course->getPrice() }} تومان</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-auto">
                                                        <button class="removeCart"
                                                            data-cart="{{ $item->id }}"><img
                                                                src="{{ asset('site/img/menus/close.svg') }}"
                                                                alt="icon"></button>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @else
                                            <p class="text-dark text-center">سبد خرید شما خالیه!</p>
                                        @endif
                                    </div>

                                    <div class="px-30 pt-20 pb-30 border-top-light">
                                        @if (isset($authCart) && $authCart->first())
                                            <div class="d-flex justify-between my-3">
                                                <div class="text-14 lh-12 text-dark-1 fw-500">قیمت محصولات :</div>
                                                <div class="text-14 lh-12 text-dark-1 fw-500">
                                                    {{ number_format($authCart->first()->amount) }}
                                                    تومان</div>
                                            </div>
                                            <div class="d-flex justify-between my-3">
                                                <div class="text-14 lh-12 text-dark-1 fw-500">{{ setting('tax') }}%
                                                    مالیات بر ارزش افزوده : </div>
                                                <div class="text-14 lh-12 text-dark-1 fw-500">
                                                    {{ number_format(calcPercent($authCart->first()->amount, setting('tax'), false, true) - $authCart->first()->amount) }}
                                                    تومان
                                                </div>
                                            </div>
                                            <div class="d-flex justify-between my-3">
                                                <div class="text-18 lh-12 text-dark-1 fw-500">جمع کل :</div>
                                                <div class="text-18 lh-12 text-dark-1 fw-500">
                                                    {{ calcPercent($authCart->first()->amount, setting('tax'), true, true) }}
                                                    تومان</div>
                                            </div>
                                        @endif


                                        <div class="row x-gap-20 y-gap-10 pt-30">
                                            <div class="col-sm-6">
                                                <a href="{{ route('cart') }}"><button
                                                        class="button py-10 -dark-1 text-white -dark-button-white col-12">مشاهده
                                                        سبد</button></a>
                                            </div>
                                            <div class="col-sm-6">
                                                <form action="{{ route('pay') }}">
                                                    @csrf
                                                    <input type="hidden" name="amount"
                                                        value="{{ isset($authCart) && $authCart->first() ? $authCart->first()->amount : 0 }}">
                                                    <input type="hidden" name="getway" value="bitpay">
                                                    <button type="submit"
                                                        class="button py-10 -purple-1 text-white col-12" >تسویه
                                                        حساب</button>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="d-none xl:d-block mr-20">
                            <button class="text-white items-center" aria-label="mobile-menu"
                                data-el-toggle=".js-mobile-menu-toggle">
                                <i class="text-11 icon icon-mobile-menu"></i>
                            </button>
                        </div>

                    </div>

                    <div class="header-right__buttons d-flex items-center mr-5 md:d-none">
                        @if (auth()->check())
                            @if(auth()->user()->role == 'teacher')
                                <a href="{{ route('panel') }}" class="button -sm -white text-dark-1 mr-30">پنل انتخاب رشته</a>
                            @elseif(auth()->user()->role == 'head_adviser')

                                <a href="{{ route('panel') }}" class="button -sm -white text-dark-1 mr-30">پنل انتخاب رشته</a>

                            @elseif(auth()->user()->role == 'admin')

                            <a href="{{ route('panel') }}" class="button -sm -white text-dark-1 mr-30">پنل مدیریت</a>

                            @else
                                <a href="{{ route('dashboard.index') }}" class="button -sm -white text-dark-1 mr-30">پنل
                                    کاربری</a>
                            @endif
                            <form action="{{ route('logout') }}" method="post">
                                @csrf
                                <button class="button -sm -white text-dark-1 mr-10">خروج</button>
                            </form>
                        @else
                            <a href="{{ route('login') }}" class="button -sm -white text-dark-1 mr-30">ورود | ثبت
                                نام</a>
                        @endif
                    </div>
                </div>
            </div>

        </div>
    </div>
</header>
@section('scripts')
    <script>
        let modal = $("#myModal");
        $(document).ready(function() {
            modal.modal('show');
        });

        $('.closeRuleModal').on('click', function() {
            modal.modal('hide');
        })
    </script>
@endsection