@extends('theme.master')
@section('title', 'Profile & Setting')
@section('content')

    @include('admin.message')

    <link rel="stylesheet" type="text/css" href="assets/css/libs/bootstrap-datetimepicker.css">
</head>




    <!-- about-home start -->
    <section id="blog-home" class="blog-home-main-block profile_had">
        <div class="container">
            <h1 class="blog-home-heading text-white">{{ __('frontstaticword.UserProfile') }} </h1>
        </div>
    </section>
    <!-- profile update start -->
    <section id="profile-item" class="profile-item-block homepad">
        <div class="container">
            <form action="{{ route('user.profile', $orders->id) }}" method="POST" enctype="multipart/form-data">
                {{ csrf_field() }}
                {{ method_field('PUT') }}

                <div class="row">
                    <div class="col-xl-3 col-lg-4 mb-4">
                        <div class="bg-gradent rounded overflow-hidden shadow p-4">
                            <!-- bg-gradent rounded overflow-hidden shadow -->
                            <div class="dashboard-author-block text-center">
                                <div class="author-image mb-3">
                                    <div class="avatar-upload">
                                        <div class="avatar-edit">
                                            <input type='file' id="imageUpload" name="user_img"
                                                accept=".png, .jpg, .jpeg" />
                                            <label for="imageUpload"><i class="fa fa-pencil"></i></label>
                                        </div>
                                        <div class="avatar-preview">


                                            @if(Auth::User()->role == 'user')

                                            @if(!empty($orders->institutedata))

                                             @if ($orders->institutedata->user_img != null || $orders->institutedata->user_img != '')
                                                <div class="avatar-preview-img" id="imagePreview"
                                                    style="background-image: url({{ url('/images/user_img/' . $orders->institutedata->user_img) }});">
                                                </div>
                                            @else
                                                <div class="avatar-preview-img" id="imagePreview"
                                                    style="background-image: url({{ asset('images/default/user.jpg') }});">
                                                </div>
                                            @endif
                                            @endif
                                            @else
                                            @if (Auth::User()->user_img != null || Auth::User()->user_img != '')
                                                <div class="avatar-preview-img" id="imagePreview"
                                                    style="background-image: url({{ url('/images/user_img/' . Auth::User()->user_img) }});">
                                                </div>
                                            @else
                                                <div class="avatar-preview-img" id="imagePreview"
                                                    style="background-image: url({{ asset('images/default/user.jpg') }});">
                                                </div>
                                            @endif
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                @if(!empty($orders->institutedata))
                                    
                                 <div class="author-name font-size-18 text-white font-weight-semibold line-hight-1">
                                  
                                       {{$orders->institutedata->fname}}  {{ $orders->institutedata->lname }} <span
                                        class="font-weight-light font-size-16 d-block"></span>
                                </div>
                                <hr/>
                                @endif
                                <div class="author-name font-size-18 text-white font-weight-semibold line-hight-1">
                                    {{ Auth::User()->fname }} <span
                                        class="font-weight-light font-size-16 d-block">{{ Auth::User()->lname }}</span>
                                </div>
                            </div>
                            <div class="dashboard-items text-white mt-3">
                                <ul>
                                    @if (Auth::User()->role == 'user')
                                        <li><i class="fa fa-bookmark"></i><a href="{{ route('mycourse.show') }}"
                                                title="Dashboard">{{ __('frontstaticword.MyCourses') }}</a></li>
                                        <li><i class="fa fa-file-text"></i><a href="{{ route('user.institute-meterial') }}"
                                                title="Dashboard">Institute Meterials</a></li>
                                        <li><i class="fa fa-heart"></i><a href="{{ route('wishlist.show') }}"
                                                title="Profile Update">{{ __('frontstaticword.MyWishlist') }}</a></li>
                                        <li><i class="fa fa-history"></i><a href="{{ route('purchase.show') }}"
                                                title="Followers">{{ __('frontstaticword.PurchaseHistory') }}</a></li>
                                        <li><i class="fa fa-shopping-cart"></i><a href="{{ route('cart.show') }}"
                                                title="Cart">{{ __('Cart') }}</a></li>

                                                 <li><i class="fa fa-book"></i><a href="{{ route('institute.userassigncource') }}"
                                                title="assign cource ">{{ __("Institute's Assign Cource") }}</a></li> 
                                                <li><i class="fa fa-book"></i><a href="{{ route('userfev_question') }}"
                                                title="assign cource ">{{ __('User Fevourite Question') }}</a></li>
                                    @endif
                                    @if (Auth::User()->role == 'institute')
                                    

                                    <li><i class="fa fa-dashboard"></i><a href="{{ route('institute.dashboard') }}"

                                        title="Dashboard">Dashboard</a></li>

                                <li><i class="fa fa-bookmark"></i><a href="{{ route('mycourse.show') }}"

                                        title="{{ __('frontstaticword.MyCourses') }}">{{ __('frontstaticword.MyCourses') }}</a></li>



                                <li><i class="fa fa-file-text"></i><a href="{{ route('view.institute.meterial') }}"

                                        title="View Meterial">Meterials</a></li>

                                <li><i class="fa fa-question"></i><a href="{{ route('institute.question-bank.index') }}" 

                                    title="question-bank">Questions</a></li>

                                <li><i class="fa fa-tasks"></i><a href="{{ route('institute.quiz-topics.index') }}" 

                                    title="quiz">Quiz Topics</a></li>

                                  <li><i class="fa fa-user"></i><a href="{{ route('institude.view_student_perfomance') }}"

                                        title="Upload Items">{{ __('Student Perfomace') }}</a></li>



                                <li><i class="fa fa-user"></i><a href="{{ route('profile.show', Auth::User()->id) }}"

                                        title="Upload Items">{{ __('frontstaticword.UserProfile') }}</a></li>

                                <li style="border-bottom: 0 !important;"><i class="fa fa-address-book"></i><a

                                        href="{{ url('/contact-us') }}"

                                        title="Followers">{{ __('Help And Support') }}</a></li>
                                     
                                       <!--  <li><i class="fa fa-dashboard"></i><a href="{{ route('institute.dashboard') }}"
                                                title="Dashboard">Dashboard</a></li>
                                        <li><i class="fa fa-bookmark"></i><a href="{{ route('mycourse.show') }}"
                                                title="Dashboard">{{ __('frontstaticword.MyCourses') }}</a></li>

                                        <li><i class="fa fa-file-text"></i><a href="{{ route('view.institute.meterial') }}"
                                                title="Dashboard">View Meterials</a></li> -->
                                    @endif
                                     @if (Auth::User()->role != 'institute')
                                    <li><i class="fa fa-user"></i><a href="{{ route('profile.show', Auth::User()->id) }}"
                                            title="Upload Items">{{ __('frontstaticword.UserProfile') }}</a></li>
                                    <li style="border-bottom: 0 !important;"><i class="fa fa-address-book"></i><a
                                            href="{{ url('/contact-us') }}"
                                            title="Followers">{{ __('Help And Support') }}</a></li>
                                            @endif
                                    @if (Auth::User()->role == 'user')
                                        <li style="display: none"><i class="fas fa-chalkboard-teacher"></i><a href="#"
                                                data-toggle="modal" data-target="#myModalinstructor"
                                                title="Become An Instructor">{{ __('frontstaticword.BecomeAnInstructor') }}</a>
                                        </li>

                                        <li style="display: none"><i class="fa fa-bank"></i><a
                                                href="{{ url('bankdetail') }}"
                                                title="Upload Items">{{ __('frontstaticword.MyBankDetails') }}</a></li>

                                        <li style="display: none"><i class="fa fa-check"></i><a
                                                href="{{ route('2fa.show') }}"
                                                title="2FactAuth">{{ __('frontstaticword.2FactorAuth') }}</a></li>
                                    @endif
                                    @if (Auth::User()->role == 'staff')
                                        <li style="display: "><i class="fa fa-list"></i><a
                                                href="{{ route('profile.lead') }}" title="2FactAuth">All Leads</a></li>
                                        <li style="display: "><i class="fa fa-list"></i><a
                                                href="{{ route('profile.referuser_list') }}" title="My Refer Users">My
                                                Refer Users</a></li>
                                    @endif
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-9 col-lg-8">

                        <div class="profile-info-block">
                            <div
                                class="profile-heading text-uppercase font-size-24 text-primary font-weight-semibold mb-3  line-hight-1">
                                {{ __('frontstaticword.PersonalInfo') }}


                                @if (Auth::User()->role == 'staff')
                                    <label class="" style="font-size: 18px;    color: #4b52a0; float:right">My Refer
                                        Code : EP0{{ $orders->id }}</label>
                                @endif

                            </div>
                            <div style="clear: both;"></div>
                            <div class="row">

                                @if (Auth::User()->role == 'user')
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <label for="name">Referral Code</label>
                                            @if ($orders->referral_user_id > 0)
                                                <input type="text" id="referral_user_id" class="form-control"
                                                    placeholder="Referral Code" readonly="" disabled
                                                    value="EP0{{ $orders->referral_user_id }}">
                                            @else
                                                <input type="text" id="referral_user_id" name="referral_user_id"
                                                    class="form-control" placeholder="Referral Code">
                                            @endif
                                        </div>
                                    </div>
                                @endif

                                <div class="col-lg-6">


                                    <div class="form-group">
                                        <label for="name">{{ __('frontstaticword.FirstName') }}</label>
                                        <input type="text" id="name" name="fname" class="form-control"
                                            placeholder="{{ __('frontstaticword.EnterFirstName') }}"
                                            value="{{ $orders->fname }}" required>
                                    </div>
                                    <div class="form-group">
                                        <label for="email">{{ __('frontstaticword.Email') }}</label>
                                        <input type="email" id="email" name="email" class="form-control"
                                            placeholder="info@example.com" required value="{{ $orders->email }}">
                                    </div>

                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label for="Username">{{ __('frontstaticword.LastName') }}</label>
                                        <input type="text" id="lname" name="lname" class="form-control"
                                            placeholder="{{ __('frontstaticword.EnterLastName') }}"
                                            value="{{ $orders->lname }}" required>
                                    </div>
                                    <div class="form-group">
                                        <label for="mobile">{{ __('frontstaticword.Mobile') }}</label>
                                        <input type="text" name="mobile" id="mobile"
                                            value="{{ $orders->mobile }}" class="form-control"
                                            placeholder="{{ __('frontstaticword.EnterMobileNo') }}">
                                    </div>


                                </div>
                            </div>
                            @if (Auth::User()->role != 'staff')
                                <div class="form-group">
                                    <label for="bio">{{ __('frontstaticword.address') }}</label>
                                    <textarea id="address" name="address" class="form-control"
                                        placeholder="{{ __('frontstaticword.EnteryourAddress') }}" value="">{{ $orders->address }}</textarea>
                                </div>
                                <br>

                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="city_id">{{ __('frontstaticword.Country') }}:</label>
                                            <select id="country_id" class="form-control js-example-basic-single"
                                                name="country_id">
                                                <option value="none" selected disabled hidden>
                                                    {{ __('frontstaticword.SelectanOption') }}
                                                </option>

                                                @foreach ($countries as $coun)
                                                    <option value="{{ $coun->country_id }}"
                                                        {{ $orders->country_id == $coun->country_id ? 'selected' : '' }}>
                                                        {{ $coun->nicename }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="city_id">{{ __('frontstaticword.State') }}:</label>
                                            <select id="upload_id" class="form-control js-example-basic-single"
                                                name="state_id">
                                                <option value="none" selected disabled hidden>
                                                    {{ __('frontstaticword.SelectanOption') }}
                                                </option>
                                                @foreach ($states as $s)
                                                    <option value="{{ $s->id }}"
                                                        {{ $orders->state_id == $s->id ? 'selected' : '' }}>
                                                        {{ $s->name }}</option>
                                                @endforeach

                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="form-group">
                                            <label for="city_id">{{ __('frontstaticword.City') }}:</label>
                                            <select id="grand" class="form-control js-example-basic-single"
                                                name="city_id">
                                                <option value="none" selected disabled hidden>
                                                    {{ __('frontstaticword.SelectanOption') }}
                                                </option>
                                                @foreach ($cities as $c)
                                                    <option value="{{ $c->id }}"
                                                        {{ $orders->city_id == $c->id ? 'selected' : '' }}>
                                                        {{ $c->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="bio">{{ __('frontstaticword.AuthorBio') }}</label>
                                    <textarea id="detail" name="detail" class="form-control"
                                        placeholder="{{ __('frontstaticword.Enteryourdetails') }}" value="">{{ $orders->detail }}</textarea>
                                </div>
                                <br>



                            @endif


                            <div class="row mb-1">
                                <div class="col-lg-12">
                                    <div class="update-password">
                                        <label for="box1"
                                            class="pr-2">{{ __('frontstaticword.UpdatePassword') }}:</label>
                                        <input type="checkbox" name="update_pass" id="myCheck" onclick="myFunction()">
                                    </div>
                                </div>
                            </div>
                            <div class="password display-none" id="update-password">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label for="confirmpassword">{{ __('frontstaticword.Password') }}:</label>
                                            <input name="password" class="form-control" id="password" type="password"
                                                placeholder="{{ __('frontstaticword.EnterPassword') }}"
                                                onkeyup='check();' />
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <label>{{ __('frontstaticword.ConfirmPassword') }}:</label>
                                            <input type="password" name="confirm_password" id="confirm_password"
                                                class="form-control"
                                                placeholder="{{ __('frontstaticword.ConfirmPassword') }}"
                                                onkeyup='check();' />
                                            <span id='message'></span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @if (Auth::User()->role != 'staff' && Auth::User()->role != 'institute')
                            <div class="social-profile-block">
                                <div
                                    class="social-profile-heading text-uppercase font-size-24 text-primary font-weight-semibold mb-3  line-hight-1">
                                    {{ __('frontstaticword.SocialProfile') }}</div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="social-block mb-3">
                                            <div class="form-group">
                                                <label for="facebook">{{ __('frontstaticword.FacebookUrl') }}</label><br>
                                                <div class="row align-items-center">
                                                    <div class="col-auto pr-0">
                                                        <div class="profile-update-icon">
                                                            <div class="product-update-social-icons"><a
                                                                    href="{{ $orders->fb_url }}" target="_blank"
                                                                    title="facebook"><i
                                                                        class="fa fa-facebook facebook"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <input type="text" name="fb_url"
                                                            value="{{ $orders->fb_url }}" id="facebook"
                                                            class="form-control" placeholder="Facebook.com/">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="social-block mb-3 mb-md-0">
                                            <div class="form-group">
                                                <label for="behance2">{{ __('frontstaticword.YoutubeUrl') }}</label><br>
                                                <div class="row align-items-center">
                                                    <div class="col-auto pr-0">
                                                        <div class="profile-update-icon">
                                                            <div class="product-update-social-icons"><a
                                                                    href="{{ $orders->youtube_url }}" target="_blank"
                                                                    title="googleplus"><i
                                                                        class="fab fa-youtube youtube"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <input type="text" name="youtube_url"
                                                            value="{{ $orders->youtube_url }}" id="behance2"
                                                            class="form-control" placeholder="youtube.com/">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="social-block mb-3">
                                            <div class="form-group">
                                                <label for="twitter">{{ __('frontstaticword.TwitterUrl') }}</label><br>
                                                <div class="row align-items-center">
                                                    <div class="col-auto pr-0">
                                                        <div class="profile-update-icon">
                                                            <div class="product-update-social-icons"><a
                                                                    href="{{ $orders->twitter_url }}" target="_blank"
                                                                    title="twitter"><i
                                                                        class="fab fa-twitter twitter"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <input type="text" name="twitter_url"
                                                            value="{{ $orders->twitter_url }}" id="twitter"
                                                            class="form-control" placeholder="Twitter.com/">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="social-block">
                                            <div class="form-group">
                                                <label for="dribbble2">{{ __('frontstaticword.LinkedInUrl') }}</label><br>
                                                <div class="row align-items-center">
                                                    <div class="col-auto pr-0">
                                                        <div class="profile-update-icon">
                                                            <div class="product-update-social-icons"><a
                                                                    href="{{ $orders->linkedin_url }}" target="_blank"
                                                                    title="linkedin"><i
                                                                        class="fab fa-linkedin-in linkedin"></i></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col">
                                                        <input type="text" name="linkedin_url"
                                                            value="{{ $orders->linkedin_url }}" id="dribbble2"
                                                            class="form-control" placeholder="Linkedin.com/">
                                                    </div>

                                                    <div class="col">
                                                        <input type="text" name="datetimepicker"
                                                            value="" id="datetimepicker"
                                                            class="form-control datetimepicker" placeholder="Linkedin.com/">
                                                    </div>

                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        <div class="upload-items text-center text-md-right">
                            <button type="submit"
                                class="btn btn-danger p-2 text-capitalize font-weight-semibold font-size-15 border-0 line-hight-1"
                                title="upload items"><span
                                    class="d-block px-3 py-2">{{ __('frontstaticword.UpdateProfile') }} <i
                                        class="fa fa-long-arrow-right font-size-16 pl-2"
                                        aria-hidden="true"></i></span></button>
                        </div>

                    </div>
                </div>

            </form>
        </div>
    </section>
    <!-- profile update end -->

<script src="https://staging.exampay.in/js/jquery-2.min.js"></script>
     <script src="assets/js/libs/moment.min.js"></script>
    <script src="assets/js/libs/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            
    if (window.jQuery().datetimepicker) {
        $('.datetimepicker').datetimepicker({
            // Formats
            // follow MomentJS docs: https://momentjs.com/docs/#/displaying/format/
            format: 'DD-MM-YYYY hh:mm A',
            
            // Your Icons
            // as Bootstrap 4 is not using Glyphicons anymore
            icons: {
                time: 'fa fa-clock-o',
                date: 'fa fa-calendar',
                up: 'fa fa-chevron-up',
                down: 'fa fa-chevron-down',
                previous: 'fa fa-chevron-left',
                next: 'fa fa-chevron-right',
                today: 'fa fa-check',
                clear: 'fa fa-trash',
                close: 'fa fa-times'
            }
        });
    }
});
    </script>
@endsection

@section('custom-script')


   

    <script>
        (function($) {
            "use strict";
            $(function() {
                var urlLike = '{{ url('country/dropdown') }}';
                $('#country_id').change(function() {
                    var up = $('#upload_id').empty();
                    var cat_id = $(this).val();
                    if (cat_id) {
                        $.ajax({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            type: "GET",
                            url: urlLike,
                            data: {
                                catId: cat_id
                            },
                            success: function(data) {
                                console.log(data);
                                up.append('<option value="0">Please Choose</option>');
                                $.each(data, function(id, title) {
                                    up.append($('<option>', {
                                        value: id,
                                        text: title
                                    }));
                                });
                            },
                            error: function(XMLHttpRequest, textStatus, errorThrown) {
                                console.log(XMLHttpRequest);
                            }
                        });
                    }
                });
            });
        })(jQuery);
    </script>

    <script>
        (function($) {
            "use strict";
            $(function() {
                var urlLike = '{{ url('country/gcity') }}';
                $('#upload_id').change(function() {
                    var up = $('#grand').empty();
                    var cat_id = $(this).val();
                    if (cat_id) {
                        $.ajax({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            },
                            type: "GET",
                            url: urlLike,
                            data: {
                                catId: cat_id
                            },
                            success: function(data) {
                                console.log(data);
                                up.append('<option value="0">Please Choose</option>');
                                $.each(data, function(id, title) {
                                    up.append($('<option>', {
                                        value: id,
                                        text: title
                                    }));
                                });
                            },
                            error: function(XMLHttpRequest, textStatus, errorThrown) {
                                console.log(XMLHttpRequest);
                            }
                        });
                    }
                });
            });
        })(jQuery);
    </script>

    <script>
        (function($) {
            "use strict";

            function readURL(input) {
                if (input.files && input.files[0]) {
                    var reader = new FileReader();
                    reader.onload = function(e) {
                        $('#imagePreview').css('background-image', 'url(' + e.target.result + ')');
                        $('#imagePreview').hide();
                        $('#imagePreview').fadeIn(650);
                    }
                    reader.readAsDataURL(input.files[0]);
                }
            }
            $("#imageUpload").change(function() {
                readURL(this);
            });
        })(jQuery);
    </script>

    <script>
        function myFunction() {
            var checkBox = document.getElementById("myCheck");
            var text = document.getElementById("update-password");
            if (checkBox.checked == true) {
                text.style.display = "block";
            } else {
                text.style.display = "none";
            }
        }
    </script>

    <script>
        (function($) {
            "use strict";
            $('#password, #confirm_password').on('keyup', function() {
                if ($('#password').val() == $('#confirm_password').val()) {
                    $('#message').html('Password Match').css('color', 'green');
                } else
                    $('#message').html('Password Do Not Match').css('color', 'red');
            });
        })(jQuery);
    </script>

    <script>
        (function($) {
            "use strict";
            tinymce.init({
                selector: 'textarea#detail'
            });
        })(jQuery);
    </script>

@endsection