<?php
    $routes = ['instructor/course_review/{slug}','instructor/classroom/{slug}'];
    $route = Route::current()->uri();
?>
<?php if(!in_array($route,$routes)): ?>
    <div class="footer">
        <div class="container">
            <div class="row align-items-center g-0 border-top py-2">
                <div class="col-md-6 col-12 text-center text-md-start">
                    <span>&copy; <?php echo e(now()->year); ?> Lentoria Inc. All Rights Reserved.</span>
                </div>
                <div class="col-12 col-md-6">
                    <nav class="nav nav-footer justify-content-center justify-content-md-end">
                        <a class="nav-link active ps-0" href="<?php echo e(route('privacy')); ?>">Privacy</a>
                        <a class="nav-link" href="<?php echo e(route('terms')); ?>">Terms </a>
                        <a class="nav-link" href="javascript:void(0)">Feedback</a>
                        <a class="nav-link" href="javascript:void(0)">Support</a>
                    </nav>
                </div>
            </div>
        </div>
    </div>
<?php endif; ?>

<div class="modal fade" id="login_modal" tabindex="-1" role="dialog" aria-labelledby="login_modalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body shadow">
                <form id="loginForm">

                    <div class="mb-4 m-0 d-flex justify-content-between">
                        <div>
                            <h1 class="mb-1 fw-bold">Sign in</h1>
                            <span>Don’t have an account? <a type="button" class="ms-1 opensignup ">Sign up</a></span>
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                            <i class="fe fe-x-circle"></i>
                        </button>
                    </div>

                    <div class="mb-3">
                        <label for="email" class="form-label">Email Address</label>
                        <input type="email" id="loginEmail" class="form-control" name="email"
                               placeholder="Email address here" required>
                    </div>
                    <div class="mb-3">
                        <label for="password" class="form-label">Password</label>
                        <input class="form-control" id="loginPassword" name="password" placeholder="**************"
                               required type="password">
                    </div>
                    <div class="d-lg-flex justify-content-end align-items-center mb-4">

                        <div>
                            <a href="javascript:void(0)">Forgot your password?</a>
                        </div>
                    </div>
                    <div>
                        <div class="d-grid">
                            <button type="submit" id="submitLogin" class="btn btn-primary ">Sign in</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="signup_modal" tabindex="-1" role="dialog" aria-labelledby="newCatgoryLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body shadow">
                <form id="signUpForm">

                    <div class="mb-4 d-flex justify-content-between">
                        <div>
                            <h1 class="mb-1 fw-bold">Create Account</h1>
                            <span>Already have an account? <a href="javascript:" class="ms-1 openlogin">Sign
                                    In</a></span>
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"><i class="fe fe-x-circle"></i></span>
                        </button>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">Frist Name</label>
                            <input type="text" class="form-control" name="firstname" placeholder="Enter firstname"
                                   required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Last Name</label>
                            <input type="text" class="form-control" name="lastname" placeholder="Enter Lastname"
                                   required>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Email Address</label>
                        <input type="email" class="form-control" name="email" placeholder="Email Address " required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Phone</label>
                        <input type="text" class="form-control" name="phone" placeholder="Phone " required>
                    </div>
                    <div class="mb-3">
                        <label for="password" class="form-label">Password</label>
                        <input type="password" class="form-control" name="password" placeholder="**************"
                               required>
                    </div>
                    <div>
                        <div class="d-grid">
                            <button type="submit" class="btn btn-primary ">Sign Up</button>
                        </div>
                    </div>
                </form>
                <div class="mt-3"><span class="fs-5">By Clicking Sign Up, you agree to our <a
                                href="<?php echo e(route('terms')); ?>" target="_blank" class="fw-bold text-primary">Terms and Conditions</a></span>
                </div>

            </div>
        </div>
    </div>
</div>

<script>
    $(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $('.opensignup').on('click', function() {
            $('#login_modal').modal('hide');
            $('#signup_modal').modal('show');
        });


        $('.openlogin').on('click', function() {
            $('#signup_modal').modal('hide');
            $('#login_modal').modal('show');

        });

        function loginAuto(email, password) {
            $.ajax({
                method: 'post',
                url: api_url + 'user_login',
                data: {
                    email: email,
                    password: password,
                    others: `<?= json_encode(getBrowser()) ?>`
                },
            }).done(function(res) {
                console.log(res);
                message = res.message;
                $.ajax({
                    method: 'post',
                    url: '/session_login_infomation',
                    data: {
                        data: res
                    }
                }).done(function(res) {
                    salat(message);
                    window.location.reload();
                });
            }).fail(function(res) {
                concatError(res.responseJSON);
            });
        }


        $('#loginForm').on('submit', function(e) {
            e.preventDefault();
            form = $(this);
            email = $(form).find('input[name="email"]').val();
            password = $(form).find('input[name="password"]').val();
            bt = $(form).find('button[type="submit"]');

            if(!email || !password) {
                salat('All fields are required', 1);
                return;
            }

            if(!email) {
                salat('Pls enter a valid email address', 1);
                return;
            }
            $.ajax({
                method: 'post',
                url: api_url + 'user_login',
                data: {
                    email: email,
                    password: password,
                    others: `<?= json_encode(getBrowser()) ?>`
                },
                beforeSend: () => {
                    btn(bt, 'Sign In', 'before');
                }
            }).done(function(res) {
                message = res.message;
                instructor = res.data.instructor;

                $.ajax({
                    method: 'post',
                    url: '/session_login_infomation',
                    data: {
                        data: res
                    }
                }).done(function(res) {
                    salat(message);
                    console.log(instructor);
                    if(instructor) {
                        location.href = '/instructor/dashboard'
                    }

                    // location.reload();
                    $("#login_modal").modal('hide');
                });
            }).fail(function(res) {
                concatError(res.responseJSON);
                btn(bt, 'Sign In', 'after');
            });
        });


        $('#signUpForm').on('submit', function(e) {
            e.preventDefault();
            form = $(this);
            email = $(form).find('input[name="email"]').val();
            fname = $(form).find('input[name="firstname"]').val();
            lname = $(form).find('input[name="lastname"]').val();
            phone = $(form).find('input[name="phone"]').val();
            password = $(form).find('input[name="password"]').val();
            bt = $(form).find('button[type="submit"]');

            if(!email || !password || !fname || !lname || !phone) {
                salat('All fields are required', 1);
                return;
            }
            if(!email) {
                salat('Pls enter a valid email address', 1);
                return;
            }
            $.ajax({
                method: 'post',
                url: api_url + 'user_signup',
                data: {
                    firstname: fname,
                    lastname: lname,
                    phone: phone,
                    email: email,
                    password: password
                },
                beforeSend: () => {
                    btn(bt, '', 'before');
                }
            }).done(function(res) {
                console.log(res);
                salat(res.message);
                btn(bt, 'Sign Up', 'after');
                loginAuto(email, password);
            }).fail(function(res) {
                console.log(res);
                concatError(res.responseJSON);
                btn(bt, 'Sign Up', 'after');
            });
        });


    });
</script>
<?php /**PATH C:\xampp\htdocs\lentoria-frontend\resources\views/layouts/footer.blade.php ENDPATH**/ ?>