diff --git a/Modules/Leave/resources/views/create.blade.php b/Modules/Leave/resources/views/create.blade.php
new file mode 100644
index 0000000..22a97da
--- /dev/null
+++ b/Modules/Leave/resources/views/create.blade.php
@@ -0,0 +1,44 @@
+@extends('layouts.app')
+
+@section('content')
+  <div class="page-content">
+    <div class="container-fluid">
+      <!-- start page title -->
+      <div class="row">
+        <div class="col-12">
+          <div class="page-title-box d-sm-flex align-items-center justify-content-between">
+            <h4 class="mb-sm-0">{{ $title }}</h4>
+
+            <div class="page-title-right">
+              <ol class="breadcrumb m-0">
+                <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
+                <li class="breadcrumb-item active">{{ $title }}</li>
+              </ol>
+            </div>
+
+          </div>
+        </div>
+      </div>
+      <!-- end page title -->
+      <div class="row">
+        <div class="col-lg-8">
+          <div class="card">
+            <div class="card-body">
+              <form action="{{ route('leave.store') }}" method="post" class="needs-validation" novalidate>
+                @csrf
+                @include('leave::partials.action')
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!--end row-->
+
+    </div>
+    <!-- container-fluid -->
+  </div>
+@endsection
+
+@push('js')
+  <script src="{{ asset('assets/js/pages/form-validation.init.js') }}"></script>
+@endpush
diff --git a/Modules/Leave/resources/views/partials/action.blade.php b/Modules/Leave/resources/views/partials/action.blade.php
new file mode 100644
index 0000000..bae23c3
--- /dev/null
+++ b/Modules/Leave/resources/views/partials/action.blade.php
@@ -0,0 +1,27 @@
+<div class="mb-3">
+  <label for="employeeName" class="form-label">Employee Name</label>
+  <input type="text" class="form-control" id="employeeName" placeholder="Enter emploree name" name="employeeName"
+    required>
+  <div class="invalid-feedback">
+    Please enter Employee Name.
+  </div>
+</div>
+<div class="mb-3">
+  <label for="employeeUrl" class="form-label">Employee Department URL</label>
+  <input type="url" class="form-control" id="employeeUrl" placeholder="Enter emploree url" name="employeeUrl">
+</div>
+<div class="mb-3">
+  <label for="StartleaveDate" class="form-label">Start Leave Date</label>
+  <input type="date" class="form-control" id="StartleaveDate" name="start_date">
+</div>
+<div class="mb-3">
+  <label for="EndleaveDate" class="form-label">End Leave Date</label>
+  <input type="date" class="form-control" id="EndleaveDate" name="end_date">
+</div>
+<div class="mb-3">
+  <label for="VertimeassageInput" class="form-label">Message</label>
+  <textarea class="form-control" id="VertimeassageInput" rows="3" placeholder="Enter your message" name="remark"></textarea>
+</div>
+<div class="text-end">
+  <button type="submit" class="btn btn-primary">Add Leave</button>
+</div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 8407633..dc16795 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -138,7 +138,7 @@
 
   <!-- Custom js -->
   <script type="module" src="{{ asset('assets/js/custom.js') }}"></script>
-
+  @stack('js')
 </body>
 
 </html>