000

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta charset="utf-8" />
  <meta name="_token" content="{{ csrf_token() }}" />
  <title>SAROJ | Login Page</title>

{{Html::style("assets/css/bootstrap.min.css")}}
  {{Html::style("assets/font-awesome/4.5.0/css/font-awesome.min.css")}}

{{Html::style("assets/css/fonts.googleapis.com.css")}}

{{Html::style("assets/css/ace.min.css")}}
  {{Html::style("assets/css/sweetalert.css")}}

{{Html::style("assets/css/ace-rtl.min.css")}}

@keyframes spin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
        }

/* Tab Interface Styles */
        .tab-container {
          background: #fff;
          border-radius: 10px;
          box-shadow: 2px 2px 4px #b8b9be, -2px -2px 4px #fff !important;
          overflow: hidden;
          margin-bottom: 20px;
        }
        
        .tab-header {
          display: flex;
          background: #f8f9fa;
          border-bottom: 1px solid #e9ecef;
          border-radius: 10px 10px 0 0;
          box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff !important;
          overflow: hidden;
        }
        
        .tab-button {
          flex: 1;
          padding: 15px 20px;
          background: transparent;
          border: none;
          font-size: 16px;
          font-weight: 500;
          color: #6c757d;
          cursor: pointer;
          transition: all 0.3s ease;
          text-align: center;
          border-radius: 0;
        }
        
        .tab-button:hover {
          background: rgba(52, 152, 219, 0.1);
          color: #3498db;
        }
        
        .tab-button.active {
          background: #3498db;
          color: #fff;
          font-weight: 600;
        }
        
        .tab-button:first-child.active {
          border-radius: 0 15px 15px 0;
        }
        
        .tab-button:last-child.active {
          border-radius: 15px 0 0 15px;
          background: #C3811C;
        }
        
        .tab-content {
          display: none;
          padding: 30px;
          padding-bottom: 60px;
          position: relative;
          border:none !important;
          box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff !important;
        }
        
        .tab-content.active {
          display: block !important;
        }
        
        /* Force show active tab */
        #hcil-login-box.active,
        #dalmia-login-box.active {
          display: block !important;
        }
        
        .widget-box {
          display: none;
        }
        
        
        .widget-box.visible {
          display: block;
        }

</style>
    </head>

<div class="loading-bg" style="display: none;">  
      <div class="loading"></div>
    </div>
    
    <div class="main-container">
      <div class="main-content">
        <div class="row">
          <div class="col-sm-10 col-sm-offset-1">
            <div class="login-container">
              <div class="center">
                <h1>
                 
                   <img src="{{url('/assets/images/logo3.png')}}"
                              style="

width: 94%;
                                  height: 79%;
                                  
                                  margin: -86px;
                                 margin-left: -95px;

/>
                </h1>
                <h4 class="blue" id="id-company-text">&copy; Logimetrix techsolutions Pvt Ltd</h4>
              </div>

<div class="tab-container">
                <div class="tab-header">
                  <button class="tab-button active" data-target="#hcil-login-box">HCIL Portal</button>
                  <button class="tab-button" data-target="#dalmia-login-box">Dalmia Cement</button>
                </div>

<div class="tab-content active" id="hcil-login-box">
                   <div class="widget-main">
                     <h4 class="header blue lighter bigger">
                       <i class="ace-icon fa fa-building green"></i>
                       HCIL Portal Login
                     </h4>

@if (session('success'))
                     <div class="alert alert-success">
                       {{ session('success') }}
                     </div>
                     @endif
                     @if (session('error'))
                     <div class="alert alert-danger">
                       {{ session('error') }}
                     </div>
                     @endif

<form action="{{URL('/')}}" method="post">
                       {{ csrf_field() }}
                       <fieldset>
                         <label class="block clearfix">
                           <span class="block input-icon input-icon-right">
                             <input type="text" name="email" class="form-control" placeholder="Username" value="{{\Request::old('email')}}" />
                             <i class="ace-icon fa fa-user"></i>
                             @if ($errors->has('email'))
                             <span class="label label-danger">{{ $errors->first('email') }}</span>
                             @endif
                           </span>
                         </label>

<label class="block clearfix">
                           <span class="block input-icon input-icon-right">
                             <input type="password" name="password" class="form-control" placeholder="Password" />
                             <i class="ace-icon fa fa-lock"></i>
                             @if ($errors->has('password'))
                             <span class="label label-danger">{{ $errors->first('password') }}</span>
                             @endif
                           </span>
                         </label>

<div class="clearfix">
                           <button type="submit" class="width-35 pull-right btn btn-sm btn-primary">
                             <i class="ace-icon fa fa-key"></i>
                             <span class="bigger-110">Login</span>
                           </button>
                         </div>

<div class="toolbar clearfix" style="background: #3498db; position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 30px; border-radius: 0 0 10px 10px;">
                       <div>
                         <a href="#" data-target="#forgot-box" class="forgot-password-link" style="color: #FFFFFF; text-decoration: none; font-size:15px;">
                           <i class="ace-icon fa fa-arrow-left" style="color: #FFFFFF;"></i>
                           I forgot my password
                         </a>
                       </div>
                     </div>
                   </div>
                 </div>

<div class="tab-content" id="dalmia-login-box">
                   <div class="widget-main">
                     <h4 class="header orange lighter bigger">
                       <i class="ace-icon fa fa-industry orange"></i>
                       Dalmia Cement Login
                     </h4>

<form action="{{URL('/dalmia-login')}}" method="post">
                       {{ csrf_field() }}
                       <fieldset>
                         <label class="block clearfix">
                           <span class="block input-icon input-icon-right">
                             <input type="text" name="email" class="form-control" placeholder="Username" value="{{\Request::old('email')}}" />
                             <i class="ace-icon fa fa-user"></i>
                             @if ($errors->has('email'))
                             <span class="label label-danger">{{ $errors->first('email') }}</span>
                             @endif
                           </span>
                         </label>

<div class="clearfix">
                           <button type="submit" class="width-35 pull-right btn btn-sm btn-primary" style="background-color:#C3811C!important; border-color:#C3811C!important;">
                             <i class="ace-icon fa fa-key"></i>
                             <span class="bigger-110">Login</span>
                           </button>
                         </div>

<div class="toolbar clearfix" style="background: #C3811C!important; position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 30px; border-radius: 0 0 10px 10px;">
                       <div>
                         <a href="#" data-target="#forgot-box" class="forgot-password-link" style="color: #FFFFFF; text-decoration: none; font-size:15px;">
                           <i class="ace-icon fa fa-arrow-left" style="color: #FFFFFF;"></i>
                           I forgot my password
                         </a>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>

<div id="forgot-box" class="forgot-box widget-box no-border" style="display: none;">
                 <div class="widget-body">
                   <div class="widget-main">
                     <h4 class="header red lighter bigger">
                       <i class="ace-icon fa fa-key"></i>
                       Retrieve Password
                     </h4>

<div class="space-6"></div>
                     <p>
                       Enter your email and to receive instructions
                     </p>

<form action="{{URL('/forget-password')}}" id="forgetPasswordForm">
                       {{ csrf_field() }}
                       <fieldset>
                         <label class="block clearfix">
                           <span class="block input-icon input-icon-right">
                             <input type="email" name="email" id="forget_email" class="form-control" placeholder="Email" />
                             <i class="ace-icon fa fa-envelope"></i>
                           </span>
                         </label>

<div class="toolbar center">
                       <a href="#" class="back-to-login-link">
                         Back to login
                         <i class="ace-icon fa fa-arrow-right"></i>
                       </a>
                     </div>
                 </div>
               </div>

<div class="navbar-fixed-top align-right">
                <br />
                &nbsp;
                <a id="btn-login-dark" href="#">Dark</a>
                &nbsp;
                <span class="blue">/</span>
                &nbsp;
                <a id="btn-login-blur" href="#">Blur</a>
                &nbsp;
                <span class="blue">/</span>
                &nbsp;
                <a id="btn-login-light" href="#">Light</a>
                &nbsp; &nbsp; &nbsp;
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

{{ Html::script("assets/js/jquery-2.1.4.min.js")}}
    {{ Html::script("assets/js/sweetalert.min.js")}}

<script type="text/javascript">
  if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
</script>

<script type="text/javascript">
  // Tab functionality - Fixed
  document.addEventListener('DOMContentLoaded', function() {
    const tabButtons = document.querySelectorAll('.tab-button');
    const tabContents = document.querySelectorAll('.tab-content');

tabButtons.forEach(button => {
      button.addEventListener('click', function(e) {
        e.preventDefault();
        const target = this.dataset.target;
        
        // Update active tab button
        tabButtons.forEach(btn => btn.classList.remove('active'));
        this.classList.add('active');

// Hide all tab content
        tabContents.forEach(content => content.classList.remove('active'));

// Show target tab content
        document.querySelector(target).classList.add('active');
      });
    });

// Forgot password link functionality
    document.querySelectorAll('.forgot-password-link').forEach(link => {
      link.addEventListener('click', function(e) {
        e.preventDefault();
        // Hide tab container and show forgot password box
        document.querySelector('.tab-container').style.display = 'none';
        document.getElementById('forgot-box').style.display = 'block';
      });
    });

// Back to login link functionality
    document.querySelector('.back-to-login-link').addEventListener('click', function(e) {
      e.preventDefault();
      
      // Hide forgot password box and show tab container
      document.getElementById('forgot-box').style.display = 'none';
      document.querySelector('.tab-container').style.display = 'block';
    });

// Forgot password form submission
    document.getElementById('forgetPasswordForm').addEventListener('submit', function(e) {
      e.preventDefault();
      var forget_email = document.getElementById('forget_email').value;
      if(forget_email == ""){
        swal('Oops',"Email Required",'warning');  
      }else{
        $.ajaxSetup({
          headers: {'X-CSRF-Token': document.querySelector('meta[name="_token"]').getAttribute('content')}
        });
        var url  = this.action;
        $('.loading-bg').show();
        $.ajax({
          url: url,
          type: 'POST',
          data: {'email':forget_email},
          success: function (data) {
            $('.loading-bg').hide();
            if(data.flag){
              swal('Success','Email Sent Successfully. Please Check Your Email','success'); 
            }else{
              swal('Oops',data.errors.email,'warning');  
            }
          }
        });
      }
    });
  });

// Theme switching functionality
  document.addEventListener('DOMContentLoaded', function() {
    const darkBtn = document.getElementById('btn-login-dark');
    const blurBtn = document.getElementById('btn-login-blur');
    const lightBtn = document.getElementById('btn-login-light');

darkBtn.addEventListener('click', function(e) {
      e.preventDefault();
      document.body.classList.remove('light-login', 'blur-login');
      document.body.classList.add('login-layout');
      document.getElementById('id-text2').classList.remove('grey', 'white');
      document.getElementById('id-text2').classList.add('white');
      document.getElementById('id-company-text').classList.remove('blue', 'light-blue');
      document.getElementById('id-company-text').classList.add('blue');
    });

lightBtn.addEventListener('click', function(e) {
      e.preventDefault();
      document.body.classList.remove('login-layout', 'blur-login');
      document.body.classList.add('light-login');
      document.getElementById('id-text2').classList.remove('white');
      document.getElementById('id-text2').classList.add('grey');
      document.getElementById('id-company-text').classList.remove('blue', 'light-blue');
      document.getElementById('id-company-text').classList.add('blue');
    });

blurBtn.addEventListener('click', function(e) {
      e.preventDefault();
      document.body.classList.remove('login-layout', 'light-login');
      document.body.classList.add('blur-login');
      document.getElementById('id-text2').classList.remove('white', 'grey');
      document.getElementById('id-text2').classList.add('white');
      document.getElementById('id-company-text').classList.remove('blue', 'light-blue');
      document.getElementById('id-company-text').classList.add('light-blue');
    });
  });
</script>
</body>
</html>