Guest User

Untitled

a guest
Jan 23rd, 2018
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.01 KB | None | 0 0
  1. <script type="text/javascript">
  2. @if (count($errors) > 0)
  3. $('#login-modal').modal('show');
  4. @endif
  5. </script>
  6.  
  7. <header id="header" class="header-scroll top-header headrom">
  8. <!-- .navbar -->
  9. <nav class="navbar navbar-dark">
  10. <div class="container tog">
  11. <button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#mainNavbarCollapse">&#9776;</button>
  12. <a class="navbar-brand" href="{{url('/')}}"> <img class="img-rounded" src="images/logo.png" alt=""> </a>
  13. <ul class="nav navbar-nav" id="location-top">
  14. <li class="nav-item dropdown" id="nav-float">
  15. <a style="color: white;" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-cutlery" aria-hidden="true"></i>&nbsp;&nbsp;FEEL LIKE EATING &nbsp;
  16. </a>
  17. <div class="dropdown-menu scrollable-menu" role="menu">
  18. <a class="dropdown-item" href="food_results.html"><img src="images/bbq.png">&nbsp;&nbsp;BB.Q</a>
  19. <a class="dropdown-item" href="map_results.html"><img src="images/beef.png">&nbsp;&nbsp;Beef Roast</a>
  20. <a class="dropdown-item" href="food_results.html"><img src="images/carrot.png">&nbsp;&nbsp;Carrot Juice</a>
  21. <a class="dropdown-item" href="map_results.html"><img src="images/cheese-burger.png">&nbsp;&nbsp;Cheese Burger</a>
  22. <a class="dropdown-item" href="food_results.html"><img src="images/turkey.png">&nbsp;&nbsp;Chicken Roast</a>
  23. <a class="dropdown-item" href="map_results.html"><img src="images/noodles.png">&nbsp;&nbsp;Chinese Soup</a>
  24. <a class="dropdown-item" href="food_results.html"><img src="images/frappe.png">&nbsp;&nbsp;Cold Coffee</a>
  25. </div>
  26. </li>
  27. <li class="nav-item dropdown" id="nav-float-2"> <a style="color: white;" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-map-marker" aria-hidden="true"></i> &nbsp;&nbsp; CHOOSE LOCATION &nbsp;</a>
  28. <div class="dropdown-menu scrollable-menu" role="menu">
  29. <a class="dropdown-item" href="food_results.html">Location 1</a><a class="dropdown-item" href="map_results.html">Location 2</a>
  30. <a class="dropdown-item" href="food_results.html">Location 3</a>
  31. <a class="dropdown-item" href="map_results.html">Location 4</a>
  32. <a class="dropdown-item" href="food_results.html">Location 5</a>
  33. <a class="dropdown-item" href="map_results.html">Location 6</a>
  34. <a class="dropdown-item" href="food_results.html">Location 7</a>
  35. <a class="dropdown-item" href="map_results.html">Location 8</a>
  36.  
  37. </div>
  38. </li>
  39. <li class="nav-item dropdown" id="nav-float-2"> <a style="color: white;" class="nav-link dropdown-toggle btn btn-danger warning-btn" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-bars" aria-hidden="true"></i>&nbsp;&nbsp; Menu &nbsp;</a>
  40. <div class="dropdown-menu scrollable-menu" role="menu">
  41. <a class="dropdown-item" href="{{url('/chefs')}}"><img src="images/chef.png">&nbsp;&nbsp;Chefs</a>
  42. <a class="dropdown-item" href="#"><img src="images/about-us.png">&nbsp;&nbsp;About Us</a>
  43. <a class="dropdown-item" href="#"><img src="images/letter.png">&nbsp;&nbsp;Contact Us</a>
  44. <a class="dropdown-item" href="#"><img src="images/question.png">&nbsp;&nbsp;FAQ's</a>
  45. </div>
  46. </li>
  47. </ul>
  48. <div class="collapse navbar-toggleable-md" id="mainNavbarCollapse">
  49. <ul class="nav navbar-nav float-lg-right">
  50. @guest
  51. <li class="nav-item"> <a class="nav-link active" data-toggle="modal" data-target="#login-modal" href="#"><i class="fa fa-user-o" aria-hidden="true"></i>LOGIN / REGISTER</a> </li>
  52. <li class="nav-item"> <a style="color: white;" class="nav-link btn btn-danger" href="#">REGISTER AS A CHEF</a> </li>
  53. @else
  54. <li class="dropdown">
  55. <a style="border-radius: 20px;" href="#" class="dropdown-toggle btn btn-danger" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">
  56. {{ Auth::user()->name }} <span class="caret"></span>
  57. </a>
  58.  
  59. <ul class="dropdown-menu">
  60. <li class="drop-outside"><a href="/customer/home">
  61. <i class="fa fa-user" aria-hidden="true"></i>
  62. View Profile
  63. </a>
  64.  
  65. </li>
  66. <li class="drop-outside">
  67. <a href="{{ route('logout') }}"
  68. onclick="event.preventDefault();
  69. document.getElementById('logout-form').submit();">
  70. <i class="fa fa-sign-out" aria-hidden="true"></i>
  71. Logout
  72. </a>
  73.  
  74. <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
  75. {{ csrf_field() }}
  76. </form>
  77. </li>
  78. </ul>
  79. </li>
  80. @endguest
  81.  
  82. </ul>
  83. </div>
  84. </div>
  85. </nav>
  86. <!-- /.navbar -->
  87. </header>
  88. <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
  89. <div class="modal-dialog">
  90. <div class="modal-content">
  91. <div class="modal-header" align="center">
  92. <img class="img-circle center-block" id="img_logo" src="images/circle-logo.png">
  93. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  94. <span class="fa fa-times fa-2x" aria-hidden="true"></span>
  95. </button>
  96. </div>
  97.  
  98. <!-- Begin # DIV Form -->
  99. <div id="div-forms">
  100.  
  101. <!-- Begin # Login Form -->
  102. <form id="login-form" method="POST" action="{{ route('login') }}">
  103. <div class="modal-body">
  104. <div id="div-login-msg">
  105. <div id="icon-login-msg" class="fa fa-chevron-right"></div>
  106. <span id="text-login-msg">Login to Continue..</span>
  107.  
  108. </div>
  109. <br>
  110. {{ csrf_field() }}
  111. <input id="login_username" name="email" class="form-control" type="email" placeholder="Email" required>
  112.  
  113. <input id="login_password" name="password" class="form-control" type="password" placeholder="Password" required>
  114.  
  115. <div class="checkbox">
  116. <label>
  117. <input type="checkbox"> Remember me
  118. </label>
  119. </div>
  120. <br>
  121. @if ($errors->has('email'))
  122. <script>
  123. $(window).on('load',function(){
  124. $('#login-modal').modal('show');
  125. });
  126. </script>
  127. <span class="help-block">
  128. <strong class="text-danger">{{ $errors->first('email') }}</strong>
  129. </span>
  130. @endif
  131. @if ($errors->has('password')){
  132. <script>
  133. $(window).on('load',function(){
  134. $('#login-modal').modal('show');
  135. });
  136. </script>
  137. <span class="help-block">
  138. <strong class="text-danger">{{ $errors->first('password') }}</strong>
  139. </span>
  140. @endif
  141. </div>
  142. <div class="modal-footer">
  143. <div>
  144. <button type="submit" class="btn btn-danger btn-md btn-block login-btn">Login</button>
  145. </div>
  146. <div><p style="text-align: center; font-weight: bold; padding-top: 15px;">OR</p></div>
  147. <div class="social_login">
  148. <div class="">
  149. <a href="#" class="social_box fb">
  150. <span class="icon"><i class="fa fa-facebook"></i></span>
  151. <span class="icon_title">Connect with Facebook</span>
  152.  
  153. </a>
  154.  
  155. <a href="#" class="social_box google">
  156. <span class="icon"><i class="fa fa-google-plus"></i></span>
  157. <span class="icon_title">Connect with Google</span>
  158. </a>
  159. </div>
  160. </div>
  161. <div>
  162. <button id="login_lost_btn" type="button" class="btn btn-link">Lost Password?</button>
  163. <button id="login_register_btn" type="button" class="btn btn-link pull-right">Register</button>
  164. </div>
  165. </div>
  166. </form>
  167. <!-- End # Login Form -->
  168.  
  169. <!-- Begin | Lost Password Form -->
  170. <form id="lost-form" style="display:none;">
  171. <div class="modal-body">
  172. <div id="div-lost-msg">
  173. <div id="icon-lost-msg" class="fa fa-chevron-right"></div>
  174. <span id="text-lost-msg">Enter your email</span>
  175. </div>
  176. <input id="lost_email" class="form-control" type="text" placeholder="E-Mail" required>
  177. </div>
  178. <div class="modal-footer">
  179. <div>
  180. <button type="submit" class="btn btn-danger btn-md btn-block">Send</button>
  181. </div>
  182. <div>
  183. <button id="lost_login_btn" type="button" class="btn btn-link">Log In</button>
  184. <button id="lost_register_btn" type="button" class="btn btn-link pull-right">Register</button>
  185. </div>
  186. </div>
  187. </form>
  188. <!-- End | Lost Password Form -->
  189.  
  190. <!-- Begin | Register Form -->
  191. <form id="register-form" style="display:none;" method="POST" action="{{ route('register') }}">
  192. {{ csrf_field() }}
  193. <div class="modal-body">
  194. <div id="div-register-msg">
  195. <div id="icon-register-msg" class="fa fa-chevron-right"></div>
  196. <span id="text-register-msg">Register an account.</span>
  197. </div>
  198. <input id="name" name="name" class="form-control" type="text" placeholder="Username" required>
  199. <input id="email" class="form-control" name="email" type="email" placeholder="E-Mail" required>
  200. <input id="password" class="form-control" name="password"type="password" placeholder="Password" required>
  201. <input id="password-confirm" class="form-control" name="password_confirmation" type="password" placeholder="Confirm Password" required>
  202. </div>
  203. <div class="modal-footer">
  204. <div>
  205. <button type="submit" class="btn btn-danger btn-md btn-block">Register</button>
  206. </div>
  207. <div>
  208. <button id="register_login_btn" type="button" class="btn btn-link pull-right">Log In</button>
  209.  
  210. </div>
  211. </div>
  212. </form>
  213. <!-- End | Register Form -->
  214.  
  215. </div>
  216. <!-- End # DIV Form -->
  217.  
  218. </div>
  219. </div>
  220. </div>
  221. <!-- END # MODAL LOGIN -->
  222. <script type="text/javascript">
  223. @if (count($errors) > 0)
  224. $('#login-modal').modal('show');
  225. alert("Hello");
  226. @endif
  227. </script>
Add Comment
Please, Sign In to add comment