fix small view detail

app/Http/Controllers/BasicViewController.php

@@ -2,6 +2,7 @@
 
 namespace App\Http\Controllers;
 use App\Models\Review;
+use App\Models\SubscriptionEmail;
 
 use Illuminate\Http\Request;
 
@@ -45,4 +46,13 @@ public function about()
     {
         return view('about');
     }
+
+    public function subscribe() {
+        $email = request()->input('email');
+        $subscription = SubscriptionEmail::firstOrCreate(['email' => $email]);
+
+        $redirect_url = request()->header('referer');
+
+        return redirect($redirect_url);
+    }
 }

app/Models/SubscriptionEmail.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class SubscriptionEmail extends Model
+{
+    use HasFactory;
+
+    protected $fillable = [
+        'email',
+    ];
+}

app/View/Components/Footer.php

@@ -6,6 +6,8 @@
 
 class Footer extends Component
 {
+    public $success = "";
+
     /**
      * Create a new component instance.
      *

database/migrations/2022_05_11_181707_create_subscription_emails_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('subscription_emails', function (Blueprint $table) {
+            $table->id();
+            $table->string('email');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('subscription_emails');
+    }
+};

public/css/app.css

@@ -1058,6 +1058,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 248 / var(--tw-bg-opacity));
 }
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(93 93 148 / var(--tw-bg-opacity));
+}
 .fill-current {
   fill: currentColor;
 }

resources/views/components/auth-card.blade.php

@@ -1,4 +1,4 @@
-<div class="min-h-screen flex flex-col sm:justify-center items-center sm:pt-0 bg-">
+<div class="min-h-screen flex flex-col justify-center items-center">
     <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white shadow-md overflow-hidden sm:rounded-lg">
         {{ $slot }}
     </div>

resources/views/components/footer.blade.php

@@ -5,11 +5,14 @@
                 <div class="mb-5">
                     <a href="{{ url('/') }} "><div class="navbar-logo basis-1/4 text-lilac-100">Rent.ly</div></a>
                     <p class="text-gray-50 font-semibold ml-2.5 mt-8">sign up for offers and more</p>
-                    <div class="flex ml-2.5">
-                        <input type="email" placeholder="Enter your email here" class="px-2 border-gray-50 focus:ring focus:ring-lilac-200 focus:ring-opacity-50">
-                        <button class="py-2" style="background-color: #5D5D94;">
-                            <svg class="fill-current w-6 h-4 mx-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="white"/></svg>
-                        </button>
+                    <div>
+                        <form action="{{ route('email-subs') }}" method="post" class="flex ml-2.5">
+                            @csrf
+                            <input type="email" placeholder="Enter your email here" class="px-2 border-gray-50 focus:ring focus:ring-lilac-200 focus:ring-opacity-50" name="email">
+                            <button class="py-2 hover:bg-lilac-100 transition duration-500 bg-gray-50">
+                                <svg class="fill-current w-6 h-4 mx-2 hover:bg-lilac-100 transition duration-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0L6.59 1.41L12.17 7H0V9H12.17L6.59 14.59L8 16L16 8L8 0Z" fill="white"/></svg>
+                            </button>
+                        </form>
                     </div>
                 </div>
                 <div class="mb-5 ml-10 pl-10">

resources/views/find-vehicles.blade.php

@@ -6,13 +6,13 @@
                 <form action="" method="post" class="px-20 mt-8">
                     <x-label for="pickup" value="Pick up" class="block font-bold text-base mt-6"/>
                     <div class="date-time flex">
-                        <x-input id="pickup-date" class="block basis-8/12" type="date" name="pickup-time" value="" required />
-                        <x-input id="pickup-time" class="block basis-4/12 ml-4" type="time" name="pickup-date" value="" required />
+                        <x-input id="pickup-date" class="block basis-8/12" type="date" name="pickup-time" value="{{ date('Y-m-d') }}" required />
+                        <x-input id="pickup-time" class="block basis-4/12 ml-4" type="time" name="pickup-date" value="{{ explode(' ', gmdate('Y-m-d h:i \G\M\T'))[1] }}" required />
                     </div>
                     <x-label for="dropoff" value="Drop off" class="block font-bold text-base mt-6"/>
                     <div class="date-time flex">
-                        <x-input id="dropoff-date" class="block basis-8/12" type="date" name="dropoff-time" value="" required />
-                        <x-input id="dropoff-time" class="block basis-4/12 ml-4" type="time" name="dropoff-date" value="" required />
+                        <x-input id="dropoff-date" class="block basis-8/12" type="date" name="dropoff-time" value="{{ date('Y-m-d', strtotime('tomorrow')) }}" required />
+                        <x-input id="dropoff-time" class="block basis-4/12 ml-4" type="time" name="dropoff-date" value="{{ explode(' ', gmdate('Y-m-d h:i \G\M\T'))[1] }}" required />
                     </div>
                     <div class="mt-6 flex justify-center">
                         <x-button filled="true">Rent Now</x-button>

resources/views/rent-form.blade.php

@@ -41,11 +41,11 @@
                     <div class="date-time flex">
                         <div class="date basis-6/12">
                             <x-label for="pickup-date" value="Pick Up Date" class="block font-bold text-base pt-4"/>
-                            <x-input id="pickup-date" class="block" type="date" name="pickup-time" value="" required />
+                            <x-input id="pickup-date" class="block" type="date" name="pickup-date" value="{{ date('Y-m-d') }}" required />
                         </div>
                         <div class="time basis-3/12 ml-8">
                             <x-label for="pickup-time" value="Pick Up Time" class="block font-bold text-base pt-4"/>
-                            <x-input id="pickup-time" class="block" type="time" name="pickup-date" value="" required />
+                            <x-input id="pickup-time" class="block" type="time" name="pickup-time" value="{{ explode(' ', gmdate('Y-m-d h:i \G\M\T'))[1] }}" required />
                         </div>
                     </div>
                     <x-label for="pickup-location" value="Pickup Location" class="block font-bold text-base pt-4"/>
@@ -73,11 +73,11 @@
                     <div class="date-time flex">    
                         <div class="date basis-6/12">
                             <x-label for="dropoff-date" value="Pick Up Date" class="block font-bold text-base pt-4"/>
-                            <x-input id="dropoff-date" class="block" type="date" name="dropoff-time" value="" required />
+                            <x-input id="dropoff-date" class="block" type="date" name="dropoff-date" value="{{ date('Y-m-d', strtotime('tomorrow')) }}" required />
                         </div>
                         <div class="time basis-3/12 ml-8">
                             <x-label for="dropoff-time" value="Pick Up Time" class="block font-bold text-base pt-4"/>
-                            <x-input id="dropoff-time" class="block" type="time" name="dropoff-date" value="" required />
+                            <x-input id="dropoff-time" class="block" type="time" name="dropoff-time" value="{{ explode(' ', gmdate('Y-m-d h:i \G\M\T'))[1] }}" required />
                         </div>
                     </div>
                     <x-label for="dropoff-location" value="Drop off Location" class="block font-bold text-base pt-4"/>

routes/web.php

@@ -33,6 +33,8 @@
 
 Route::get('/about', [BasicViewController::class, 'about']);
 
+Route::post('/subscribe', [BasicViewController::class, 'subscribe'])->name('email-subs');
+
 Route::get('/rent/cars', [RentController::class, 'findVehicleForm']);
 
 Route::middleware(['auth', 'verified'])-> group(function () {