@extends('layout.app')
@section('content')
    <div class="container" style="min-height: calc(100vh - 175px);">
        <div class="row justify-content-center">
            <div class="col-lg-12 col-xl-12 mt-5">
                <div class="welcome-card p-5">
                    <!-- Icon -->
                    <div class="text-center mb-4">
                        <div class="icon-circle">
                            <i class="bi bi-shield-lock text-white" style="font-size: 2rem;"></i>
                        </div>
                    </div>

                    @php

                    //$userId = 'C201900555'; // current logged in user
                    $userId = 'C201801204'; // current logged in user
                    $secret = "fZ4WKqWVuSwIo3bcyO4"; // shared secret between apps
                    $time   = time(); // current timestamp

                    // Create signature
                    $data = $userId . "|" . $time;
                    $signature = hash_hmac('sha256', $data, $secret);

                    //$lsaData = 'nodal_asus' . "|" . $time;
                    $lsaData = 'ul_lsa_tnd' . "|" . $time;
                    $dgtHg = 'abc' . "|" . $time;
                    $lsaUSignature = hash_hmac('sha256', $lsaData, $secret);
                    $dgtHgSignature = hash_hmac('sha256', $dgtHg, $secret);
            
                    // Create redirect URL
                    $loginUrl = config('app.url')."authorization-login?uid=$userId&time=$time&sig=$signature";
                    $lsaULoginUrl = config('app.url')."authorization-login?uid=ul_lsa_tnd&time=$time&sig=$lsaUSignature";
                    $dgtHgLoginUrl = config('app.url')."authorization-login?uid=abc&time=$time&sig=$dgtHgSignature";
                    
                    @endphp

                    <!-- Title -->
                    <div class="text-center mb-4">
                        <h1 class="display-4 fw-bold mb-3">
                            <a class="btn btn-info" href="{{ $loginUrl }}">CTSO Login</a>
                        </h1>
                
                    </div>

                    <!-- Title -->
                    <div class="text-center mb-4">
                        <h1 class="display-4 fw-bold mb-3">
                            <a class="btn btn-info" href="{{ $lsaULoginUrl }}">LSA Login</a>
                        </h1>
                    
                    </div>

                    <div class="text-center mb-4">
                        <h1 class="display-4 fw-bold mb-3">
                            <a class="btn btn-info" href="{{ $dgtHgLoginUrl }}">DGT HQ Login</a>
                        </h1>
                    
                    </div>

               

                </div>
            </div>
        </div>
    </div>
@endsection
@push('styles')
<style>
    .welcome-card {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        border-radius: 20px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .gradient-text {
        background: linear-gradient(45deg, #667eea, #764ba2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .btn-gradient {
        background: linear-gradient(45deg, #667eea, #764ba2);
        border: none;
        transition: all 0.3s ease;
    }

    .btn-gradient:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
    }

    .icon-circle {
        width: 80px;
        height: 80px;
        background: linear-gradient(45deg, #667eea, #764ba2);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
    }
</style>
@endpush