Skip to content

Instantly share code, notes, and snippets.

@dirumahrafif

dirumahrafif/google-login.blade.php

Created November 15, 2024 23:33
Show Gist options
  • Save dirumahrafif/465b70ce78adf0adf209794bf3f08784 to your computer and use it in GitHub Desktop.
Save dirumahrafif/465b70ce78adf0adf209794bf3f08784 to your computer and use it in GitHub Desktop.
Download ZIP
Simple login to check whether someone already subscribe or not
Raw
google-login.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login with Google</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" />
<script src="https://apis.google.com/js/platform.js"></script>
</head>
<body class="bg-gray-100 flex items-center justify-center min-h-screen">
<div class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4 w-full max-w-xs text-center">
<h1 class="text-2xl font-bold mb-4">Login</h1>
@if ($errors->any())
<div>
<ul>
@foreach ($errors->all() as $error)
<li class="text-red-500">{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<p class="text-gray-600 mb-6">Sign in with Google and subscribe to our YouTube channel to access exclusive
content.</p>
<!-- YouTube Subscribe Button -->
<script src="https://apis.google.com/js/platform.js"></script>
<a class="g-ytsubscribe px-4 py-2 rounded shadow" data-channelid="di sini isi channel id" data-layout="default"
data-theme="dark" data-count="default"></a>
<!-- Google Login Button -->
<a href="{{ url('oauth/google/redirect') }}"
class="flex items-center justify-center bg-red-500 text-white px-4 py-2 rounded shadow hover:bg-red-600 mb-4">
<img src="https://www.google.com/favicon.ico" alt="Google logo" class="w-5 h-5 mr-2">
<span>Sign in with Google</span>
</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment