From 6d53e31f042f2c696bcad00a4ad6e358af63332c Mon Sep 17 00:00:00 2001
From: LailaWulandarii <E41220418@student.polije.ac.id>
Date: Fri, 26 Dec 2025 21:35:53 +0700
Subject: [PATCH] delete old beranda views and add profil + login viewa

---
 resources/views/admin/beranda-admin.blade.php | 177 ------------
 .../views/admin/beranda-pemilik.blade.php     | 260 ------------------
 resources/views/admin/login.blade.php         |  63 +++++
 resources/views/admin/profil.blade.php        | 156 +++++++++++
 4 files changed, 219 insertions(+), 437 deletions(-)
 delete mode 100644 resources/views/admin/beranda-admin.blade.php
 delete mode 100644 resources/views/admin/beranda-pemilik.blade.php
 create mode 100644 resources/views/admin/login.blade.php
 create mode 100644 resources/views/admin/profil.blade.php

diff --git a/resources/views/admin/beranda-admin.blade.php b/resources/views/admin/beranda-admin.blade.php
deleted file mode 100644
index 611c100..0000000
--- a/resources/views/admin/beranda-admin.blade.php
+++ /dev/null
@@ -1,177 +0,0 @@
-@extends('layouts.admin')
-
-@section('title', 'Beranda')
-
-@section('content')
-    <section class="row">
-        <div class="col-12 col-xl-6">
-            <div class="card">
-                <div class="card-header">
-                    <h4>Bunga Diambil Hari Ini</h4>
-                </div>
-                <div class="card-body">
-                    <div class="table-responsive">
-                        <table class="table table-hover table-lg">
-                            <thead>
-                                <tr>
-                                    <th>Waktu</th>
-                                    <th>Nama Pelanggan</th>
-                                    <th>Nama Buket</th>
-                                    <th>Aksi</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>Si Ganteng</td>
-                                    <td>Komentar dia...</td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="col-12 col-xl-6">
-            <div class="card">
-                <div class="card-header">
-                    <h4>Jadwal Foto Hari Ini</h4>
-                </div>
-                <div class="card-body">
-                    <div class="table-responsive">
-                        <table class="table table-hover table-lg">
-                            <thead>
-                                <th>Waktu</th>
-                                <th>Nama Pelanggan</th>
-                                <th>Nama Paket</th>
-                                <th>Aksi</th>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td>Si Keren</td>
-                                    <td>Komentar dia...</td>
-                                </tr>
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="card">
-            <div class="card-header">
-                <h4>Pesanan Pending</h4>
-            </div>
-            <div class="card-body">
-
-                <div class="nav nav-pills nav-fill mb-4" id="v-pills-tab" role="tablist" aria-orientation="horizontal">
-
-                    <a class="nav-link active" id="v-pills-home-tab" data-bs-toggle="pill" href="#v-pills-home"
-                        role="tab" aria-controls="v-pills-home" aria-selected="true">
-                        Buket
-                    </a>
-
-                    <a class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill" href="#v-pills-profile"
-                        role="tab" aria-controls="v-pills-profile" aria-selected="false">
-                        Foto
-                    </a>
-
-                </div>
-
-                <div class="tab-content" id="v-pills-tabContent">
-
-                    <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel"
-                        aria-labelledby="v-pills-home-tab">
-                        <div class="table-responsive">
-                            <table class="table table-hover table-lg">
-                                <thead>
-                                    <tr>
-                                        <th>No.</th>
-                                        <th>Nama Pelanggan</th>
-                                        <th>Nama Buket</th>
-                                        <th>Tanggal Ambil</th>
-                                        <th>Total</th>
-                                        <th>Status</th>
-                                        <th>Aksi</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td class="col-3">
-                                            <p class="mb-0">1</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <a href="#" class="btn icon btn-primary btn-action"><i
-                                                    class="bi bi-eye"></i></a>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-
-                    <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
-                        <div class="table-responsive">
-                            <table class="table table-hover table-lg">
-                                <thead>
-                                    <tr>
-                                        <th>No.</th>
-                                        <th>Nama Pelanggan</th>
-                                        <th>Nama Paket</th>
-                                        <th>Tanggal Booking</th>
-                                        <th>Total</th>
-                                        <th>Status</th>
-                                        <th>Aksi</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td class="col-3">
-                                            <p class="mb-0">1</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <p class="mb-0">Congratulations</p>
-                                        </td>
-                                        <td class="col-auto">
-                                            <a href="#" class="btn icon btn-primary btn-action"><i
-                                                    class="bi bi-eye"></i></a>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-
-                </div>
-            </div>
-        </div>
-
-    </section>
-@endsection
diff --git a/resources/views/admin/beranda-pemilik.blade.php b/resources/views/admin/beranda-pemilik.blade.php
deleted file mode 100644
index f4700ca..0000000
--- a/resources/views/admin/beranda-pemilik.blade.php
+++ /dev/null
@@ -1,260 +0,0 @@
-@extends('layouts.admin')
-
-@section('title', 'Beranda')
-
-@section('content')
-    <section class="row">
-        <div class="col-12 col-lg-12">
-            <div class="row">
-                <div class="col-6 col-lg-3 col-md-6">
-                    <div class="card">
-                        <div class="card-body px-4 py-4-5">
-                            <div class="row">
-                                <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
-                                    <div class="stats-icon purple mb-2">
-                                        <i class="iconly-boldShow"></i>
-                                    </div>
-                                </div>
-                                <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
-                                    <h6 class="text-muted font-semibold">Profile Views</h6>
-                                    <h6 class="font-extrabold mb-0">112.000</h6>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-3 col-md-6">
-                    <div class="card">
-                        <div class="card-body px-4 py-4-5">
-                            <div class="row">
-                                <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
-                                    <div class="stats-icon blue mb-2">
-                                        <i class="iconly-boldProfile"></i>
-                                    </div>
-                                </div>
-                                <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
-                                    <h6 class="text-muted font-semibold">Followers</h6>
-                                    <h6 class="font-extrabold mb-0">183.000</h6>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-3 col-md-6">
-                    <div class="card">
-                        <div class="card-body px-4 py-4-5">
-                            <div class="row">
-                                <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
-                                    <div class="stats-icon green mb-2">
-                                        <i class="iconly-boldAdd-User"></i>
-                                    </div>
-                                </div>
-                                <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
-                                    <h6 class="text-muted font-semibold">Following</h6>
-                                    <h6 class="font-extrabold mb-0">80.000</h6>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="col-6 col-lg-3 col-md-6">
-                    <div class="card">
-                        <div class="card-body px-4 py-4-5">
-                            <div class="row">
-                                <div class="col-md-4 col-lg-12 col-xl-12 col-xxl-5 d-flex justify-content-start ">
-                                    <div class="stats-icon red mb-2">
-                                        <i class="iconly-boldBookmark"></i>
-                                    </div>
-                                </div>
-                                <div class="col-md-8 col-lg-12 col-xl-12 col-xxl-7">
-                                    <h6 class="text-muted font-semibold">Saved Post</h6>
-                                    <h6 class="font-extrabold mb-0">112</h6>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="col-12">
-            <div class="row">
-                <div class="col-12 col-xl-6">
-                    <div class="card">
-                        <div class="card-header">
-                            <h4>Bunga Diambil Hari Ini</h4>
-                        </div>
-                        <div class="card-body">
-                            <div class="table-responsive">
-                                <table class="table table-hover table-lg">
-                                    <thead>
-                                        <tr>
-                                            <th>Waktu</th>
-                                            <th>Nama Pelanggan</th>
-                                            <th>Nama Buket</th>
-                                            <th>Aksi</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td>Si Ganteng</td>
-                                            <td>Komentar dia...</td>
-                                            <td>...</td>
-                                            <td>...</td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="col-12 col-xl-6">
-                    <div class="card">
-                        <div class="card-header">
-                            <h4>Jadwal Foto Hari Ini</h4>
-                        </div>
-                        <div class="card-body">
-                            <div class="table-responsive">
-                                <table class="table table-hover table-lg">
-                                    <thead>
-                                        <tr>
-                                            <th>Waktu</th>
-                                            <th>Nama Pelanggan</th>
-                                            <th>Nama Paket</th>
-                                            <th>Aksi</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td>Si Keren</td>
-                                            <td>Komentar dia...</td>
-                                            <td>...</td>
-                                            <td>...</td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="col-12 col-xl-12">
-            <div class="card">
-                <div class="card-header">
-                    <h4>Pesanan Pending</h4>
-                </div>
-                <div class="card-body">
-
-                    <div class="nav nav-pills nav-fill mb-4" id="v-pills-tab" role="tablist" aria-orientation="horizontal">
-                        <a class="nav-link active" id="v-pills-home-tab" data-bs-toggle="pill" href="#v-pills-home"
-                            role="tab" aria-controls="v-pills-home" aria-selected="true">
-                            Buket
-                        </a>
-                        <a class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill" href="#v-pills-profile"
-                            role="tab" aria-controls="v-pills-profile" aria-selected="false">
-                            Foto
-                        </a>
-                    </div>
-
-                    <div class="tab-content" id="v-pills-tabContent">
-
-                        <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel"
-                            aria-labelledby="v-pills-home-tab">
-                            <div class="table-responsive">
-                                <table class="table table-hover table-lg">
-                                    <thead>
-                                        <tr>
-                                            <th>No.</th>
-                                            <th>Nama Pelanggan</th>
-                                            <th>Nama Buket</th>
-                                            <th>Tanggal Ambil</th>
-                                            <th>Total</th>
-                                            <th>Status</th>
-                                            <th>Aksi</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td class="col-3">
-                                                <p class="mb-0">1</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <a href="#" class="btn icon btn-primary btn-action">
-                                                    <i class="bi bi-eye"></i>
-                                                </a>
-                                            </td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-
-                        <div class="tab-pane fade" id="v-pills-profile" role="tabpanel"
-                            aria-labelledby="v-pills-profile-tab">
-                            <div class="table-responsive">
-                                <table class="table table-hover table-lg">
-                                    <thead>
-                                        <tr>
-                                            <th>No.</th>
-                                            <th>Nama Pelanggan</th>
-                                            <th>Nama Paket</th>
-                                            <th>Tanggal Booking</th>
-                                            <th>Total</th>
-                                            <th>Status</th>
-                                            <th>Aksi</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td class="col-3">
-                                                <p class="mb-0">1</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <p class="mb-0">Congratulations</p>
-                                            </td>
-                                            <td class="col-auto">
-                                                <a href="#" class="btn icon btn-primary btn-action">
-                                                    <i class="bi bi-eye"></i>
-                                                </a>
-                                            </td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div>
-
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-@endsection
diff --git a/resources/views/admin/login.blade.php b/resources/views/admin/login.blade.php
new file mode 100644
index 0000000..949ed56
--- /dev/null
+++ b/resources/views/admin/login.blade.php
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="id">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login - Flo.do</title>
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
+</head>
+
+<body>
+
+    <div class="login-page">
+        <div class="login-card">
+            <img src="{{ asset('img/logo.png') }}" alt="Flo.do Logo" class="login-logo">
+            <form action="" method="POST">
+
+                <div class="mb-2">
+                    <label for="username" class="form-label">Username</label>
+                    <input type="text" class="form-control" id="username" name="username"
+                        placeholder="Masukkan Usernamemu" style="font-size: 13px"required>
+                </div>
+
+                <div class="mb-2">
+                    <label class="form-label">Kata Sandi</label>
+                    <div class="form-group position-relative has-icon-right">
+                        <input type="password" class="form-control"style="font-size: 13px" id="passBaru"
+                            placeholder="**************">
+
+                        <div class="form-control-icon" style="font-size: 13px; cursor: pointer;"
+                            onclick="toggleDynamic('passBaru', 'iconPass')">
+                            <i class="bi bi-eye" style="font-size: 16px" id="iconPass"></i>
+                        </div>
+                    </div>
+                </div>
+
+                <button type="submit" class="btn btn-primary rounded-pill w-100 py-2 mt-2">Masuk</button>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        function toggleDynamic(inputId, iconId) {
+            const passwordInput = document.getElementById(inputId);
+            const eyeIcon = document.getElementById(iconId);
+
+            if (passwordInput.type === 'password') {
+                passwordInput.type = 'text';
+                eyeIcon.classList.remove('bi-eye');
+                eyeIcon.classList.add('bi-eye-slash');
+            } else {
+                passwordInput.type = 'password';
+                eyeIcon.classList.remove('bi-eye-slash');
+                eyeIcon.classList.add('bi-eye');
+            }
+        }
+    </script>
+</body>
+
+</html>
diff --git a/resources/views/admin/profil.blade.php b/resources/views/admin/profil.blade.php
new file mode 100644
index 0000000..4f28ebf
--- /dev/null
+++ b/resources/views/admin/profil.blade.php
@@ -0,0 +1,156 @@
+@extends('layouts.admin')
+@section('title', 'Profil')
+
+@section('content')
+    <section id="multiple-column-form">
+        <div class="row match-height">
+            <div class="col-12">
+                <h4 class="card-title">Edit Profil</h4>
+                <div class="card">
+                    <div class="card-content">
+                        <div class="card-body">
+                            <form class="form">
+                                <div class="col-12">
+                                    <div class="row gx-1">
+                                        <div class="col-12 col-md-6">
+                                            <div class="mb-2">
+                                                <label class="form-label">Nama Lengkap</label>
+                                                <input type="text" class="form-control"
+                                                    style="font-size: 13px;"placeholder="Masukkan Nama Lengkap">
+                                            </div>
+                                        </div>
+
+                                        <div class="col-12 col-md-6">
+                                            <div class="mb-2">
+                                                <label class="form-label">Username</label>
+                                                <input type="text" class="form-control"
+                                                    style="font-size: 13px;"placeholder="Masukkan Username">
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="row gx-1">
+                                        <div class="col-12 col-md-4">
+                                            <div class="mb-2">
+                                                <label class="form-label">Nomor WA</label>
+                                                <input type="number" class="form-control"
+                                                    style="font-size: 13px;"placeholder="Masukkan Nomor WA">
+                                            </div>
+                                        </div>
+                                        <div class="col-12 col-md-4">
+                                            <div class="mb-2">
+                                                <label class="form-label">Email</label>
+                                                <input type="email" class="form-control"
+                                                    style="font-size: 13px;"placeholder="Masukkan Email">
+                                            </div>
+                                        </div>
+
+                                        <div class="col-12 col-md-4">
+                                            <div class="mb-2">
+                                                <label class="form-label">Peran</label>
+
+                                                <fieldset class="form-group">
+                                                    <select class="form-select" id="basicSelect" style="font-size: 13px">
+                                                        <option>Admin Foto</option>
+                                                        <option>Admin Buket</option>
+                                                    </select>
+                                                </fieldset>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="mb-3">
+                                        <label class="form-label">Alamat</label>
+                                        <input type="text" class="form-control"style="font-size: 13px;"
+                                            placeholder="Masukkan Alamat Lengkap">
+                                    </div>
+                                </div>
+                                <div class="col-12 d-flex justify-content-end mt-2 gap-2">
+
+                                    <button type="button" class="btn btn-light batal rounded-pill py-2 px-4">
+                                        Batal
+                                    </button>
+
+                                    <button type="button" class="btn btn-primary kirim-wa rounded-pill py-2 px-4">
+                                        Simpan
+                                    </button>
+
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-12">
+                <h4 class="card-title">Ubah Kata Sandi</h4>
+                <div class="card">
+                    <div class="card-content">
+                        <div class="card-body">
+                            <form class="form">
+                                <div class="row">
+                                    <div class="col-12 col-md-6">
+                                        <div class="mb-3">
+                                            <label class="form-label">Kata Sandi Baru</label>
+                                            <div class="form-group position-relative has-icon-right">
+                                                <input type="password" class="form-control" id="passBaru"
+                                                    placeholder="**************">
+
+                                                <div class="form-control-icon" style="cursor: pointer;"
+                                                    onclick="toggleDynamic('passBaru', 'iconBaru')">
+                                                    <i class="bi bi-eye" style="font-size: 16px" id="iconBaru"></i>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="col-12 col-md-6">
+                                        <div class="mb-3">
+                                            <label class="form-label">Konfirmasi Kata Sandi Baru</label>
+                                            <div class="form-group position-relative has-icon-right">
+                                                <input type="password" class="form-control" id="passKonfirm"
+                                                    placeholder="**************">
+
+                                                <div class="form-control-icon" style="cursor: pointer;"
+                                                    onclick="toggleDynamic('passKonfirm', 'iconKonfirm')">
+                                                    <i class="bi bi-eye" style="font-size: 16px" id="iconKonfirm"></i>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="col-12 d-flex justify-content-end mt-2 gap-2">
+
+                                    <button type="button" class="btn btn-light batal rounded-pill py-2 px-4">
+                                        Batal
+                                    </button>
+
+                                    <button type="button" class="btn btn-primary kirim-wa rounded-pill py-2 px-4">
+                                        Simpan
+                                    </button>
+
+                                </div>
+
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <script>
+        // Nama fungsi saya ganti jadi toggleDynamic biar ga bentrok
+        function toggleDynamic(inputId, iconId) {
+            const passwordInput = document.getElementById(inputId);
+            const eyeIcon = document.getElementById(iconId);
+
+            if (passwordInput.type === 'password') {
+                passwordInput.type = 'text';
+                eyeIcon.classList.remove('bi-eye');
+                eyeIcon.classList.add('bi-eye-slash');
+            } else {
+                passwordInput.type = 'password';
+                eyeIcon.classList.remove('bi-eye-slash');
+                eyeIcon.classList.add('bi-eye');
+            }
+        }
+    </script>
+@endsection