@extends('layouts.app')
@include('includes.csslinks_common')
@section('content')

<div class="mainsectionbg col-12"></div>
<div class="mainsection col-12">
    <div class="loginsection col-lg-6 offset-lg-3 col-md-8 offset-md-2">
        <div class="row">
            <div class="loginsecleft col-lg-6 col-md-6 col-sm-12 col-xs-12 px-0">    
                <div class="loginsecleftdiv col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="loginsecimg col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <img src="{{asset('assets/img/ringim_logo.gif')}}" class="img-fluid" alt="ringim Logo"/>
                    </div>
                    <div class="loginsechead col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <h1>ringim Australia Truck, Tyres & Wash Pty Ltd</h1>
                        <p>- Truck Wash, Tyres, Batteries</p>
                        <p>- Truck & Trailer Repairs Truck Finance & Insurance</p>
                        <p class="mb-2">- Truck Finance & Insurance</p>
                        <a href="tel:0432511988" class="d-flex"><span class="material-symbols-outlined">phone_in_talk</span>&nbsp;0432511988</a>
                    </div>
                </div>
            </div>
            <div class="loginsecright col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="loginsecrightdiv col-lg-12 col-md-12 col-sm-12 col-xs-12">   
                    <div class="loginformhead col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <h2>Admin Login</h2>
                    </div>
                    @if ($errors->any())
                        <div class="bg-red-100 text-red-800 rounded mb-4 popuperrmsg">
                            <ul class="list-disc pl-5">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @if (session('status'))
                        <div class="bg-green-100 text-green-800 rounded mb-4 popupsuccmsg">
                            {{ session('status') }}
                        </div>
                    @endif
                    <form method="POST" action="{{ route('admin.loginsubmit') }}">
                        @csrf
                        <!-- Email -->
                        <div class="logformdiv col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <label for="email" class="form-label block text-sm font-medium">Email</label>
                            <input id="email" class="w-full mt-1 p-2 border border-gray-300 rounded @error('email') border-red-500 @enderror"
                                type="email" name="email" value="{{ old('email') }}" required autofocus />
                            @error('email')
                                <div class="text-sm text-red-600 mt-1 errmsg">{{ $message }}</div>
                            @enderror
                        </div>
                        <!-- Password -->
                        <div class="logformdiv col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <label for="password" class="form-label block text-sm font-medium">Password</label>
                            <input id="password" class="w-full mt-1 p-2 border border-gray-300 rounded @error('password') border-red-500 @enderror"
                                type="password" name="password" required />
                            @error('password')
                                <div class="text-sm text-red-600 mt-1 errmsg">{{ $message }}</div>
                            @enderror
                        </div>
                        <!-- Remember Me -->
                        <div class="logformdiv col-lg-12 col-md-12 col-sm-12 col-xs-12 flex items-center">
                            <input type="checkbox" name="remember" id="remember" class="mr-2">
                            <label for="remember" class="text-sm">Remember me</label>
                        </div>
                        <!-- Submit -->
                        <div class="logformdivbtn col-lg-12 col-md-12 col-sm-12 col-xs-12 flex justify-between items-center">
                            <button type="submit" class="bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded">Login</button>
                            @if (Route::has('password.request'))
                                <a class="text-sm text-blue-500 hover:underline" href="{{ route('password.request') }}">
                                    Forgot your password?
                                </a>
                            @endif
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@include('includes.jslinks_common')
<script>
document.addEventListener('DOMContentLoaded', function () {
    if ('geolocation' in navigator) {
        navigator.geolocation.getCurrentPosition(
            function (position) {
                document.getElementById('latitude').value = position.coords.latitude;
                document.getElementById('longitude').value = position.coords.longitude;
            },
            function (error) {
                console.warn('Geolocation error:', error.message);
            }
        );
    }
});
</script>
@endsection