@extends('frontend.layouts.app')

@section('content')

<div class="bg-page">
    <!-- Page Header Start -->
    @include('frontend.student.settings.header')
    <!-- Page Header End -->

    <!-- Student Profile Page Area Start -->
    <section class="student-profile-page">
        <div class="container">
            <div class="student-profile-page-content">
                <div class="row">
                    <div class="col-12">
                        <div class="row bg-white">
                            <!-- Student Profile Left part -->
                            @include('frontend.student.settings.sidebar')

                            <!-- Student Profile Right part -->
                            <div class="col-lg-9 p-0">
                                <div class="student-profile-right-part">

                                    @if(isset($enrollment))
                                    @if(count($enrollment) == 0)
                                    <div class="mb-5">
                                        <h4 class="my-4">Course Enroll</h4>
                                        <div class="course_add-to-cart row">
                                            <div class="col-12">
                                                <input type="text" name="course_uuid" class="form-control course_uuid" placeholder="Put Secret Course UUID Here" />
                                            </div>
                                            <div class="col-12">
                                                <button type="button" class="btheme-btn theme-button1 theme-button1 submit-course col-md-12 my-4" style="font-size: 0.8rem !important;">{{ __('Submit') }}</button>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    @else
                                    <div class="mb-5">
                                        <h4 class="my-4">Course Enroll</h4>
                                        <div class="course_add-to-cart row">
                                            <div class="col-12">
                                                <input type="text" name="course_uuid" class="form-control course_uuid" placeholder="Put Secret Course UUID Here" />
                                            </div>
                                            <div class="col-12">
                                                <button type="button" class="btheme-btn theme-button1 theme-button1 submit-course col-md-12 my-4" style="font-size: 0.8rem !important;">{{ __('Submit') }}</button>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    <h6>{{__('Profile')}}</h6>

                                    @if(auth::user()->email_verified_at == null || auth::user()->email_verified_at == 'null')
                                    <div class="my-4">
                                        <form action="{{route('student.send-verification-mail')}}" method="post">
                                            @csrf
                                            <p>Verify your e-mail and get reward!</p>

                                            <button type="submit" class="theme-btn theme-button1 theme-button3 font-10 fw-bold fs-6" style="font-size:0.8rem !important ">{{__('Send Verification Code')}}</button>
                                        </form>
                                    </div>
                                    @endif
                                    <form action="{{route('student.save-profile', [$student->uuid])}}" method="POST" enctype="multipart/form-data">
                                        @csrf
                                        <div class="profile-top mb-4">
                                            <div class="d-flex align-items-center">
                                                <div class="profile-image radius-50">

                                                    <img class="avater-image" id="target1" src="{{getImageFile($user->image_path)}}" alt="img">
                                                    <div class="custom-fileuplode">
                                                        <label for="fileuplode" class="file-uplode-btn bg-hover text-white radius-50">
                                                            <span class="iconify" data-icon="bx:bx-edit"></span></label>
                                                        <input type="file" id="fileuplode" name="image" accept="image/*" class="putImage1" onchange="previewFile(this)">
                                                    </div>
                                                </div>
                                                <div class="author-info">
                                                    <p class="font-medium font-15 color-heading">Student ID:{{auth::user()->referral_code}}</p>
                                                </div>
                                            </div>
                                            @if ($errors->has('image'))
                                            <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('image') }}</span>
                                            @endif
                                        </div>



                                        <div class="row">

                                            <div class="col-md-6 mb-30">
                                                <h5>Balance: {{$student->user->balance}}৳</h5>
                                            </div>
                                            <div class="col-md-6 mb-30">

                                                <label class="font-medium font-15 color-heading">{{__('First Name')}}</label>
                                                @if($student->first_name)
                                                <p>{{$student->first_name}}</p>
                                                @else
                                                <input required type="text" name="first_name" value="{{$student->first_name}}" class="form-control" placeholder="{{__('First Name')}}">
                                                @if ($errors->has('first_name'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('first_name') }}</span>
                                                @endif
                                                @endif
                                            </div>
                                            <div class="col-md-6 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('Last Name')}}</label>
                                                @if($student->last_name)
                                                <p>{{$student->last_name}}</p>
                                                @else
                                                <input required type="text" name="last_name" value="{{$student->last_name}}" class="form-control" placeholder="{{__('Last Name')}}">
                                                @if ($errors->has('last_name'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('last_name') }}</span>
                                                @endif
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('Email')}}</label>
                                                @if($user->email)
                                                <p>{{$user->email}}</p>
                                                @else
                                                <input required type="email" name="email" value="{{$user->email}}" class="form-control" placeholder="{{ __('Type your email') }}">
                                                @if ($errors->has('email'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('email') }}</span>
                                                @endif
                                                @endif
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('Phone Number')}}</label>
                                                @if($student->phone_number)
                                                <p>{{$student->phone_number}}</p>
                                                @else
                                                <input required type="text" name="phone_number" value="{{$student->phone_number}}" class="form-control" placeholder="{{ __('Type your phone number') }}">
                                                @if ($errors->has('phone_number'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('phone_number') }}</span>
                                                @endif
                                                @endif

                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('Country')}}</label>
                                                @if($user->country)
                                                <p>{{$user->country}}</p>
                                                @else
                                                <input required type="text" name="country" value="{{$user->country}}" class="form-control" placeholder="{{ __('Type your country') }}">
                                                @if ($errors->has('country'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('country') }}</span>
                                                @endif
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('State')}}</label>
                                                @if($user->state)
                                                <p>{{$user->state}}</p>
                                                @else
                                                <input required type="text" name="state" value="{{$user->state}}" class="form-control" placeholder="{{ __('Type your state') }}">
                                                @if ($errors->has('state'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('state') }}</span>
                                                @endif
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('City')}}</label>
                                                @if($user->city)
                                                <p>{{$user->city}}</p>
                                                @else
                                                <input required type="text" name="city" value="{{$user->city}}" class="form-control" placeholder="{{ __('Type your city') }}">
                                                @if ($errors->has('city'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('city') }}</span>
                                                @endif
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('Postal Code')}}</label>
                                                @if($user->postal_code)
                                                <p>{{$user->postal_code}}</p>
                                                @else
                                                <input required type="text" name="postal_code" value="{{$user->postal_code}}" class="form-control" placeholder="{{ __('Type your postal_code') }}">
                                                @if ($errors->has('postal_code'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('postal_code') }}</span>
                                                @endif
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('Facebook')}}</label>
                                                @if($user->fb_link)
                                                <p>{{$user->fb_link}}</p>
                                                @else
                                                <input required type="text" name="fb_link" value="{{$user->fb_link}}" class="form-control" placeholder="{{ __('Type your fb_link') }}">
                                                @if ($errors->has('fb_link'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('fb_link') }}</span>
                                                @endif
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('Youtube')}}</label>
                                                @if($user->yt_link)
                                                <p>{{$user->yt_link}}</p>
                                                @else
                                                <input required type="text" name="yt_link" value="{{$user->yt_link}}" class="form-control" placeholder="{{ __('Type your yt_link') }}">
                                                @if ($errors->has('yt_link'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('yt_link') }}</span>
                                                @endif
                                                @endif
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-12 mb-30">
                                                <label class="font-medium font-15 color-heading">{{__('Bio')}}</label>
                                                @if($student->about_me)
                                                <p>{{$student->about_me}}</p>
                                                @else
                                                <textarea class="form-control" name="about_me" id="exampleFormControlTextarea1" rows="3" placeholder="{{ __('Type about yourself') }}">{{$student->about_me}}</textarea>
                                                @endif
                                                @if ($errors->has('about_me'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('about_me') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="row mb-30">
                                            <div class="col-md-12">
                                                <label class="font-medium font-15 color-heading">{{__('Gender')}}</label>
                                                @if($student->gender)
                                                <p>{{$student->gender}}</p>
                                                @else

                                                <div>
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input required" type="radio" name="gender" id="inlineRadio1" value="Male" {{$student->gender == 'Male' ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="inlineRadio1">{{__('Male')}}</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input required" type="radio" name="gender" id="inlineRadio2" value="Female" {{$student->gender == 'Female' ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="inlineRadio2">{{__('Female')}}</label>
                                                    </div>
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input" type="radio" name="gender" id="inlineRadio3" value="Others" {{$student->gender == 'Others' ? 'checked' : '' }}>
                                                        <label class="form-check-label" for="inlineRadio3">{{__('Others')}}</label>
                                                    </div>
                                                </div>
                                                @endif
                                                @if ($errors->has('gender'))
                                                <span class="text-danger"><i class="fas fa-exclamation-triangle"></i> {{ $errors->first('gender') }}</span>
                                                @endif

                                            </div>
                                        </div>
                                        <div class="col-12 mt-5">
                                            <button type="submit" class="theme-btn theme-button1 theme-button3 font-10 fw-bold fs-6" style="font-size:0.8rem !important ">{{__('Save')}}</button>
                                        </div>
                                    </form>
                                    <h6 class="mt-5">{{__('Your Referral Code')}}</h6>
                                    <h4><strong>{{ auth::user()->referral_code }}</strong></h4>
                                    <script>
                                        function myFunction() {
                                            // Get the text field
                                            var copyText = document.querySelector('.referral_link');

                                            // Select the text field
                                            copyText.type = "text";
                                            copyText.select();
                                            copyText.setSelectionRange(0, 99999); // For mobile devices

                                            // Copy the text inside the text field
                                            navigator.clipboard.writeText(copyText.value);

                                            // Alert the copied text
                                            alert("Copied the text: " + copyText.value);
                                            copyText.type = "hidden";
                                        }
                                    </script>
                                    <h4>
                                        <h3 class="theme-btn theme-button1 theme-button3 font-15 fw-bold mt-4" onclick="myFunction()">{{ __('Copy Link') }}</h3>
                                        <p>https://webbdnet.com/sign-up/{{auth::user()->referral_code ?? auth::user()->referral_code}}</p>
                                        <input type="hidden" class="referral_link" value="https://webbdnet.com/sign-up/{{auth::user()->referral_code ?? auth::user()->referral_code}}">
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Student Profile Page Area End -->
</div>
@endsection

@push('style')
<link rel="stylesheet" href="{{asset('admin/css/custom/image-preview.css')}}">
@endpush

@push('script')
<script src="{{asset('admin/js/custom/image-preview.js')}}"></script>
<script src="{{asset('frontend/assets/js/custom/student-profile.js')}}"></script>
@if(isset($enrollment))
@if(count($enrollment) == 0)
<script>
    'use strict'
    $(".course_add-to-cart .submit-course").click(function() {
        var uuid = $(this).closest('.course_add-to-cart').find('.course_uuid').val();
        Swal.fire({
            title: "Have you checked UUID properly?",
            text: "You won't be able to revert this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "Yes!",
            cancelButtonText: "No, cancel!",
            reverseButtons: true
        }).then(function(result) {
            if (result.value) {
                $.ajax({
                    type: "POST",
                    url: "{{route('student.addToCart')}}",
                    data: {
                        "uuid": uuid,
                        "_token": "{{ csrf_token() }}",
                    },
                    datatype: "json",
                    success: function(data) {
                        if (data?.status == 200) {
                            toastr.options.positionClass = 'toast-bottom-right';
                            toastr.success('', 'Successfully Updated!');
                            window.location.href = '{{route("student.my-learning")}}';
                        } else {
                            alert("Error! Please check your UUID properly!");
                        }
                    },
                    error: function() {
                        alert("Error! Please check your UUID properly!");
                    },
                });
            } else if (result.dismiss === "cancel") {}
        });
    });
</script>
@endif
@endif
@endpush