<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="base-url" content="{{url('/')}}">
    <meta name="csrf-token" content="{{csrf_token()}}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Login to Khaatapatti</title>
    <!-- bootstrap -->
    <!--<link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    />-->
    <link rel="stylesheet" href="{{url('/')}}/accets/frontend/css/style.css">

    <link rel="stylesheet" href="{{url('/')}}/accets/frontend/css/font-awesome.min.css"> 

    <link rel="stylesheet" href="{{url('/')}}/accets/frontend/css/bootstrap.min.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css">

    <!-- <link href="<?php echo url('/'); ?>/accets/vendors/bootstrap-datepicker/
        css/bootstrap-datepicker.css" rel="stylesheet"> -->

    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

    <script src="{{url('/')}}/accets/frontend/js/jquery.min.js"></script>

    <script src="https://cdn.ckeditor.com/4.15.1/standard/ckeditor.js"></script>

    <style type="text/css">
      #loading { position: fixed; top:0; left: 0; width: 100%; height: 100%; background:#eeeeee4d; text-align:center; z-index: 9999999999999999;} #loading img { margin-top:10%; width:250px; }
    .select2.select2-container{
      width: 100% !important;
    }
  </style>

  </head>
  <body>
    <div id="loading" style="display: none">
      <div class="container">
        <img
          src="https://844fmyfico.com/fix25-11/accets/frontend/img/loader.gif"
          class="loader_img"
        />
      </div>
    </div>

    <header>
      <section class="desktop-menu">
        <div class="fixed-top" id="divFixedTop">
          <div class="container">
            <div class="row justify-content-between align-items-center">
              <div class="col-3">
                <a
                  class="d-md-none header__action open-nav"
                  href="javascript:;"
                  onclick="openNav()"
                >
                  <img
                    src="{{url('/')}}/accets/frontend/img/hamburger.svg"
                    width="30"
                  />
                </a>
              </div>
              <div class="col-6 col-sm-5 text-center">
                <span class="d-md-none header__name">
                 
                </span>
              </div>
              <div class="col-3 col-sm-4 text-right">
                @if(request()->segment(count(request()->segments()))=='signIn')
                    <a href="{{url('/')}}/signUp">Don't have an account? Sign Up!</a>
                @elseif(request()->segment(count(request()->segments()))=='signUp')
                    <a href="{{url('/')}}/signIn">Already a member? Log In</a>
                @else
                    <a href="{{url('/')}}/signIn">Sign In</a>
                @endif
              </div>
            </div>
          </div>
        </div>
        <nav class="navbar navbar-expand-md navbar-new-bottom MT75 pt-4"></nav>
      </section>

      <!--<section class="mobile-menu">
        <div class="mob_nav_rgt">
          <div id="mySidenav" class="sidenav">
            <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"
              >×</a
            >

            <ul class="navbar-nav w-100 justify-content-center pt-5">
              <li class="nav-item">
                <a
                  class="nav-link active"
                  href="https://844fmyfico.com/fix25-11/dashboard"
                  ><i class="fa fa-home"></i><span>Dashboard</span></a
                >
              </li>

              <li class="nav-item">
                <a
                  class="nav-link"
                  href="https://844fmyfico.com/fix25-11/account_summary"
                  ><i class="fa fa-credit-card"></i><span>Credit Items</span></a
                >
              </li>

              <li class="nav-item">
                <a
                  class="nav-link"
                  href="https://844fmyfico.com/fix25-11/dispute_summary"
                  ><i class="fa fa-envelope"></i><span>Dispute Letters</span></a
                >
              </li>

              <li class="nav-item">
                <a
                  class="nav-link"
                  href="https://844fmyfico.com/fix25-11/score_summary"
                  ><i class="fa fa-history"></i><span>My History</span></a
                >
              </li>

              <li class="nav-item">
                <a
                  class="nav-link"
                  href="https://844fmyfico.com/fix25-11/resources"
                  ><i class="fa fa-lightbulb-o"></i><span>Resources</span></a
                >
              </li>
            </ul>
          </div>
        </div>
      </section>-->
    </header>
    @yield('content')
    <!--<section>
      <div class="container">
        <div class="row">
          <div
            class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-sm-12 col-12"
          >
            <div class="row dash_pd">
              <div class="col-lg-4 col-md-4 col-sm-12 col-12 form_txt">
                <p>Credit Repair used to be hard</p>

                <p>We made it easy</p>

                <h3>You Got This!</h3>
              </div>

              <div class="col-lg-8 col-md-8 col-sm-12 col-12">
                <h3 class="main_heading">Login</h3>

                <form
                  action="{{url('/')}}/checkLogin"
                  method="post"
                  class="login_form"
                >
                  <input
                    type="hidden"
                    name="_token"
                    value="ntqY8FDgv9Fpvge6Zo02rg75sybA5wAAfeGU4w7K"
                  />

                  <div class="form-group">
                    <label class="label_txt" for="email">Email</label>

                    <input
                      type="email"
                      class="form-control"
                      id="email"
                      placeholder="Enter email"
                      name="email"
                      value=""
                    />

                    <div class="error text-danger" style="display: none"></div>
                  </div>

                  <div class="form-group">
                    <label class="label_txt" for="pwd">Password</label>

                    <input
                      type="password"
                      class="form-control"
                      id="password"
                      placeholder="Enter password"
                      name="password"
                    />

                    <div class="error text-danger" style="display: none"></div>
                  </div>

                  <div class="form-group form-check">
                    <label class="form-check-label label_txt">
                      <input
                        class="form-check-input"
                        type="checkbox"
                        name="remember"
                      />
                      Remember me
                    </label>
                  </div>

                  <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                      <a
                        href="{{url('/')}}/forgot_password"
                        class="frgt_time"
                        >Forgot your password?</a
                      >
                    </div>

                    <div class="col-lg-6 col-md-6 col-sm-12 col-12 text-right">
                      <button type="submit" class="btn btn-primary">
                        LOG IN
                      </button>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <script type="text/javascript">
      setTimeout(function () {
        $(".error").fadeOut(500);
      }, 3000);
    </script>
-->
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-4 col-sm-12 col-12">
            
          </div>

          <div class="col-lg-4 col-md-4 col-sm-12 col-6">
            <div class="footer-title">
              <h5>SUPPORT</h5>
            </div>

            <ul class="ul-reset footer-links">
              <li><a href="{{url('/')}}/faq">FAQs</a></li>

              <li>
                <a href="{{url('/')}}/resources#nav-profile"
                  >Educational</a
                >
              </li>

              <li>
                <a href="{{url('/')}}/resources#nav-home"
                  >Tutorial</a
                >
              </li>
            </ul>
          </div>

          <div class="col-lg-4 col-md-4 col-sm-12 col-6">
            <div class="footer-title">
              <h5>COMPANY</h5>
            </div>

            <ul class="ul-reset footer-links">
              <li>Mon-Fri 9am to 5pm PST</li>

              <li>
                <a href="mailto:support@khaatapatti.com"
                  >support@khaatapatti.com</a
                >
              </li>

              <li><a href="tel:+91 111-111-11">+91 111-111-11</a></li>
            </ul>
          </div>
        </div>
      </div>

      <section class="footer_bottom">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <ul class="ul-reset footer-social">
                <li>
                  <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                </li>
              </ul>

              <ul class="ul-reset footer-copy">
                <li>
                  <a href="{{url('/')}}/terms_condition"
                    >Terms Of Use</a
                  >
                </li>

                <li>
                  <a href="{{url('/')}}/privacy"
                    >Privacy Policy</a
                  >
                </li>

                <li>© KHAATAPATTI, All rights reserved.</li>
              </ul>
            </div>
          </div>
        </div>
      </section>
    </footer>

    <!-- Error Modal -->
    <div
      id="errorModal"
      class="modal"
      role="dialog"
      tabindex="-1"
      aria-hidden="true"
    >
      <div class="modal-dialog center_display">
        <!-- Modal content-->
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title" id="errorModalContent">Modal Header</h4>
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="close"
            >
              ×
            </button>
          </div>
        </div>
      </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <script src="{{url('/')}}/accets/frontend/js/bootstrap.min.js"></script>   

    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" type="text/javascript"></script>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" type="text/javascript"></script>

    <script src="{{url('/')}}/accets/frontend/js/custom_js.js"></script>

    <script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

    

    <!-- <script src="{{url('/')}}/accets/vendors/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script> -->
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script type="text/javascript">
      function errorFunction(msg) {
        $("#errorModalContent").text(msg);
        $("#errorModal").show();
        setTimeout(function () {
          $("#errorModal").hide();
        }, 3000);
      }
      $(document).ready(function () {
        $("ul li a").click(function () {
          $("li a").removeClass("active");
          $(this).addClass("active");
        });
      });

      $(document).ready(function () {
        $("#loading").hide();
        setTimeout(function () {
          $(".alert").fadeOut(500);
        }, 3000);
        $(".select2").select2({ placeholder: "Select" });

        // $('.ckeditor').ckeditor();
      });

      $(".date").datepicker({
        dateFormat: "dd-mm-yy",
        changeMonth: true,
        changeYear: true,
        maxDate: 0,
        yearRange: "-99:-18",
      });

      function errMessage(id, msg) {
        $("#" + id).fadeIn();
        $("#" + id).text(msg);
        setTimeout(function () {
          $("#" + id).fadeOut(500);
        }, 3000);
        return false;
      }

      $(function () {
        var hash = window.location.hash;
        if (hash.length > 0) {
          // $('a[role="tab"]').removeClass('active');//remove the default active tab
          // $('a[href="'+hash+'"]').addClass('active');
          // $('.nav-item').removeClass('active');
          // $(hash).addClass('active');
        }
      });
    </script>
  </body>
</html>
