@extends('layouts.master')

@section('header')
	<!-- Simple login header - only show branding, no menu items -->
	<div id="menu" class="navbar navbar-inverse navbar-fixed-top hidden-print">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="{!! URL::to('/') !!}">Seraph
					@if (env('BETA_MODE')) 
						<span style="color:yellow;"> beta site </span>
					@endif
				</a>
			</div>
		</div>
	</div>
@stop

@section('css')
	<link rel="stylesheet" type="text/css" href="{{ asset('css/main.css') }}?v={{ time() }}">
	<link rel="stylesheet" type="text/css" href="{{ asset('css/all.css') }}?v={{ time() }}">
	<link rel="stylesheet" type="text/css" href="{{ asset('css/custom_navbar_fix.css') }}?v={{ time() }}">				
	<link rel="stylesheet" type="text/css" href="{{ asset('css/angular-loading-overlay.css') }}?v={{ time() }}">
	<link rel="stylesheet" type="text/css" href="{{ asset('css/login-fix.css') }}?v={{ time() }}">
@stop

@section('content')

	<div class="login-card-container">
		<div class="login-card">
			<!-- Left Panel - Login Form -->
			<div class="login-panel">
				<div class="login-header">
					<div class="login-logo">
						<h1>Seraph</h1>
						<p>Customer Support Management System</p>
					</div>
					<h2>Sign in to your account</h2>
				</div>
				<div class="login-form">
					@if (count($errors))
						<div class="alert alert-danger">
							<i class="fa fa-exclamation-triangle"></i> {{ $errors->first() }}
						</div>
					@endif
					<form action="{{ url('login') }}" method="POST">
						@csrf
						<div class="form-group">
							<input type="text" name="username" id="username" placeholder="Username" class="form-control" value="{{ old('username') }}">
						</div>
						<div class="form-group">
							<input type="password" name="password" id="password" placeholder="Password" class="form-control">
						</div>
						<div class="form-group">
							<button type="submit" class="btn btn-signin">Signin</button>
						</div>
					</form>
				</div>
			</div>

			<!-- Right Panel - Welcome Message -->
			<div class="welcome-panel">
				<div class="welcome-content">
					<h2>Welcome to Seraph</h2>
					<p>Your comprehensive customer support management system designed for IT support companies. Manage and track support cases for both retail shop and business clients with modern web-based tools.</p>
					<div class="feature-highlights">
						<div class="feature">
							<i class="fa fa-ticket"></i>
							<span>Support Case Management</span>
						</div>
						<div class="feature">
							<i class="fa fa-building"></i>
							<span>Retail & Business Clients</span>
						</div>
						<div class="feature">
							<i class="fa fa-puzzle-piece"></i>
							<span>Modular & Adaptable</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

@stop