From 7e220e3b05c4eb21ea2df9d3311dc075a68bcf3c Mon Sep 17 00:00:00 2001
From: Olusesan Ameye <ses66181@gmail.com>
Date: Sat, 9 Apr 2022 10:24:04 -0400
Subject: [PATCH] fix

---
 www/application/views/jobs/common/jobside.php | 111 +++++++---
 www/application/views/jobs/view_create.php    | 190 ++++++++++--------
 2 files changed, 193 insertions(+), 108 deletions(-)

diff --git a/www/application/views/jobs/common/jobside.php b/www/application/views/jobs/common/jobside.php
index 5104130c..5aadb8f7 100644
--- a/www/application/views/jobs/common/jobside.php
+++ b/www/application/views/jobs/common/jobside.php
@@ -1,36 +1,93 @@
 <!--begin::Col-->
 <div class="col-xl-3">
-    <!--begin::Tables Widget 5-->
-    <div class="card card-xl-stretch mb-5 mb-xl-8">
-        <!--begin::Header-->
-        <div class="card-header border-0 pt-5">
-            <h3 class="card-title align-items-start flex-column">
-                .
-            </h3>
-            <div class="card-toolbar">
+
+
+        <div class="card card-xl-stretch mb-xl-8">
+            <!--begin::Header-->
+            <div class="card-header border-0 bg-info py-5">
+                <h3 class="card-title fw-bolder text-white">Jobs</h3>
 
             </div>
-        </div>
-        <!--end::Header-->
-        <!--begin::Body-->
-        <div class="card-body py-3">
-            <div class="tab-content">
-                <!--begin::Tap pane-->
-                <div class="tab-pane fade show active" id="kt_table_widget_5_tab_1">
-                    <!--begin::Table container-->
-                    <div class="table-responsive">
-                        <!--begin::Table-->
-kkkkkk
-                        ..
-                    </div>
-                    <!--end::Table-->
+            <!--end::Header-->
+            <!--begin::Body-->
+            <div class="card-body p-0">
+                <!--begin::Chart-->
+                <div class="mixed-widget-2-chart card-rounded-bottom bg-info" data-kt-color="info" style="height: 200px; min-height: 200px;">
                 </div>
-                <!--end::Tap pane-->
-
+                <!--end::Chart-->
+                <!--begin::Stats-->
+                <div class="card-p mt-n20 position-relative">
+                    <!--begin::Row-->
+                    <div class="row g-0">
+                        <!--begin::Col-->
+                        <div class="col bg-light-warning px-6 py-8 rounded-2 me-7 mb-7">
+                            <!--begin::Svg Icon | path: icons/duotune/general/gen032.svg-->
+                            <span class="svg-icon svg-icon-3x svg-icon-warning d-block my-2">
+																<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+																	<rect x="8" y="9" width="3" height="10" rx="1.5" fill="currentColor"></rect>
+																	<rect opacity="0.5" x="13" y="5" width="3" height="14" rx="1.5" fill="currentColor"></rect>
+																	<rect x="18" y="11" width="3" height="8" rx="1.5" fill="currentColor"></rect>
+																	<rect x="3" y="13" width="3" height="6" rx="1.5" fill="currentColor"></rect>
+																</svg>
+															</span>
+                            <!--end::Svg Icon-->
+                            <a href="#" class="text-warning fw-bold fs-6">Weekly Sales</a>
+                        </div>
+                        <!--end::Col-->
+                        <!--begin::Col-->
+                        <div class="col bg-light-primary px-6 py-8 rounded-2 mb-7">
+                            <!--begin::Svg Icon | path: icons/duotune/finance/fin006.svg-->
+                            <span class="svg-icon svg-icon-3x svg-icon-primary d-block my-2">
+																<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+																	<path opacity="0.3" d="M20 15H4C2.9 15 2 14.1 2 13V7C2 6.4 2.4 6 3 6H21C21.6 6 22 6.4 22 7V13C22 14.1 21.1 15 20 15ZM13 12H11C10.5 12 10 12.4 10 13V16C10 16.5 10.4 17 11 17H13C13.6 17 14 16.6 14 16V13C14 12.4 13.6 12 13 12Z" fill="currentColor"></path>
+																	<path d="M14 6V5H10V6H8V5C8 3.9 8.9 3 10 3H14C15.1 3 16 3.9 16 5V6H14ZM20 15H14V16C14 16.6 13.5 17 13 17H11C10.5 17 10 16.6 10 16V15H4C3.6 15 3.3 14.9 3 14.7V18C3 19.1 3.9 20 5 20H19C20.1 20 21 19.1 21 18V14.7C20.7 14.9 20.4 15 20 15Z" fill="currentColor"></path>
+																</svg>
+															</span>
+                            <!--end::Svg Icon-->
+                            <a href="#" class="text-primary fw-bold fs-6">New Projects</a>
+                        </div>
+                        <!--end::Col-->
+                    </div>
+                    <!--end::Row-->
+                    <!--begin::Row-->
+                    <div class="row g-0">
+                        <!--begin::Col-->
+                        <div class="col bg-light-danger px-6 py-8 rounded-2 me-7">
+                            <!--begin::Svg Icon | path: icons/duotune/abstract/abs027.svg-->
+                            <span class="svg-icon svg-icon-3x svg-icon-danger d-block my-2">
+																<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+																	<path opacity="0.3" d="M21.25 18.525L13.05 21.825C12.35 22.125 11.65 22.125 10.95 21.825L2.75 18.525C1.75 18.125 1.75 16.725 2.75 16.325L4.04999 15.825L10.25 18.325C10.85 18.525 11.45 18.625 12.05 18.625C12.65 18.625 13.25 18.525 13.85 18.325L20.05 15.825L21.35 16.325C22.35 16.725 22.35 18.125 21.25 18.525ZM13.05 16.425L21.25 13.125C22.25 12.725 22.25 11.325 21.25 10.925L13.05 7.62502C12.35 7.32502 11.65 7.32502 10.95 7.62502L2.75 10.925C1.75 11.325 1.75 12.725 2.75 13.125L10.95 16.425C11.65 16.725 12.45 16.725 13.05 16.425Z" fill="currentColor"></path>
+																	<path d="M11.05 11.025L2.84998 7.725C1.84998 7.325 1.84998 5.925 2.84998 5.525L11.05 2.225C11.75 1.925 12.45 1.925 13.15 2.225L21.35 5.525C22.35 5.925 22.35 7.325 21.35 7.725L13.05 11.025C12.45 11.325 11.65 11.325 11.05 11.025Z" fill="currentColor"></path>
+																</svg>
+															</span>
+                            <!--end::Svg Icon-->
+                            <a href="#" class="text-danger fw-bold fs-6 mt-2">Item Orders</a>
+                        </div>
+                        <!--end::Col-->
+                        <!--begin::Col-->
+                        <div class="col bg-light-success px-6 py-8 rounded-2">
+                            <!--begin::Svg Icon | path: icons/duotune/communication/com010.svg-->
+                            <span class="svg-icon svg-icon-3x svg-icon-success d-block my-2">
+																<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+																	<path d="M6 8.725C6 8.125 6.4 7.725 7 7.725H14L18 11.725V12.925L22 9.725L12.6 2.225C12.2 1.925 11.7 1.925 11.4 2.225L2 9.725L6 12.925V8.725Z" fill="currentColor"></path>
+																	<path opacity="0.3" d="M22 9.72498V20.725C22 21.325 21.6 21.725 21 21.725H3C2.4 21.725 2 21.325 2 20.725V9.72498L11.4 17.225C11.8 17.525 12.3 17.525 12.6 17.225L22 9.72498ZM15 11.725H18L14 7.72498V10.725C14 11.325 14.4 11.725 15 11.725Z" fill="currentColor"></path>
+																</svg>
+															</span>
+                            <!--end::Svg Icon-->
+                            <a href="#" class="text-success fw-bold fs-6 mt-2">Bug Reports</a>
+                        </div>
+                        <!--end::Col-->
+                    </div>
+                    <!--end::Row-->
+                </div>
+                <!--end::Stats-->
             </div>
+            <!--end::Body-->
         </div>
-        <!--end::Body-->
-    </div>
-    <!--end::Tables Widget 5-->
+        <!--end::Mixed Widget 2-->
+
+
+
+
 </div>
 <!--end::Col-->
\ No newline at end of file
diff --git a/www/application/views/jobs/view_create.php b/www/application/views/jobs/view_create.php
index 4a58f4fb..e6248e85 100644
--- a/www/application/views/jobs/view_create.php
+++ b/www/application/views/jobs/view_create.php
@@ -2,6 +2,7 @@
 
 <!--begin::Row-->
 <div class="row g-5 g-xl-8">
+
     <!--begin::Col-->
     <div class="col-xl-9">
         <!--begin::Tables Widget 5-->
@@ -16,96 +17,123 @@
                 </div>
             </div>
             <!--end::Header-->
-
-
-
-
             <!--begin::Body-->
             <div class="card-body py-3">
                 <div class="tab-content">
-
-                    <form class="form-horizontal" action="/jobs/create" method='POST'>
-
-
-                        <div class="panel-body">
-                            <div class="row">
-
-                                <div class="col-md-10 col-md-offset-1">
-                                    <div class="form-group">
-                                        <label class="col-lg-2 control-label"> Title [75] :</label>
-                                        <div class="col-lg-10">
-                                            <input type="text" class="form-control" name='title' placeholder="Proj title" maxlength="80">
-                                        </div>
+                    <!--begin::Tap pane-->
+                    <div class="tab-pane fade show active" id="kt_table_widget_5_tab_1">
+                        <!--begin::Table container-->
+                            <form action="" class="form mb-15 fv-plugins-bootstrap5 fv-plugins-framework" action="/jobs/create" method='POST' id="kt_contact_form">
+                                <!--begin::Input group-->
+                                <div class="row mb-5">
+                                    <!--begin::Col-->
+                                    <div class="col-md-6 fv-row fv-plugins-icon-container">
+                                        <!--begin::Label-->
+                                        <label class="fs-5 fw-bold mb-2">Country</label>
+                                        <!--end::Label-->
+                                        <!--begin::Input-->
+                                        <select  class="form-select form-select-solid form-select-lg" name='country'>
+                                            <option value="opt1">Select job country</option>
+                                            <option value="NG">Nigeria</option>
+                                        </select>
+                                        <!--end::Input-->
+                                        <div class="fv-plugins-message-container invalid-feedback"></div></div>
+                                    <!--end::Col-->
+                                    <!--begin::Col-->
+                                    <div class="col-md-6 fv-row fv-plugins-icon-container">
+                                        <!--end::Label-->
+                                        <label class="fs-5 fw-bold mb-2">Price</label>
+                                        <!--end::Label-->
+                                        <!--end::Input-->
+                                        <select  class="form-select form-select-solid form-select-lg" name='price'>
+                                            <option value="opt1">Select Price for this job</option>
+                                            <?php
+                                            for ($i = 2000; $i <= 10000; $i = $i + 1000) {
+                                                echo "<option value='$i'>$i Naira</option>";
+                                            }
+                                            ?>
+                                        </select>
+                                        <!--end::Input-->
+                                        <!--end::Col-->
                                     </div>
-                                    <div class="form-group">
-                                        <label class="col-lg-2 control-label">Description [250]:</label>
-                                        <div class="col-lg-10">
-                                            <textarea rows="2" cols="5" class="form-control" name='description' placeholder="Job Description"></textarea>
-                                        </div>
-                                    </div>
-                                    <div class="form-group">
-                                        <label class="col-lg-2 control-label">Job Detail:</label>
-                                        <div class="col-lg-10">
-                                            <textarea rows="3" cols="5" class="textarea wysihtml5 wysihtml5-min form-control" style="height:180px;"  name='job_detail' placeholder="Job Detail"></textarea>
-                                        </div>
-                                    </div>
-
-
-                                    <div class="form-group">
-                                        <label class="col-lg-2 control-label">Timeline:</label>
-                                        <div class="col-lg-10">
-                                            <select  class="form-control" name='timeline'>
-                                                <option value="opt1">Select Market Timeline for this job</option>
-                                                <option value="2">2 days</option>
-                                                <option value="3">3 days</option>
-                                                <option value="4">4 days</option>
-                                                <option value="5">5 days</option>
-                                                <option value="6">6 days</option>
-                                                <option value="7">1 week</option>
-                                                <option value="14">2 weeks</option>
-                                                <option value="21">3 weeks</option>
-                                                <option value="30">1 Month</option>
-                                                <option value="60">2 Months</option>
-                                            </select>
-                                        </div>
-                                    </div>
-
-                                    <div class="form-group">
-                                        <label class="col-lg-2 control-label">Price:</label>
-                                        <div class="col-lg-10">
-                                            <select  class="form-control" name='price'>
-                                                <option value="opt1">Select Price for this job</option>
-                                                <?php
-                                                for ($i = 2000; $i <= 10000; $i = $i + 1000) {
-                                                    echo "<option value='$i'>$i Naira</option>";
-                                                }
-                                                ?>
-                                            </select>
-                                        </div>
-                                    </div>
-
-
-
-                                    <div class="text-right">
-                                        <button type="submit" class="btn btn-primary btn-xs">Add Job <i class="icon-arrow-right14 position-right"></i></button>
-                                    </div>
-
-
-
+                                    <!--end::Input group-->
                                 </div>
-                            </div>
-                            <div class="row">
-                                <div class="col-sm-4"><a href="/jobs/manage/">Return to job my list</a></div>
-                                <div class="col-sm-8">
-                                    <div class="text-center">
+                                    <!--begin::Input group-->
+                                    <div class="d-flex flex-column mb-5 fv-row">
+                                        <!--begin::Label-->
+                                        <label class="fs-5 fw-bold mb-2">Title</label>
+                                        <!--end::Label-->
+                                        <!--begin::Input-->
+                                        <input class="form-control form-control-solid" placeholder="" name="title"  maxlength="80">
+                                        <!--end::Input-->
+                                    </div>
+                                    <!--end::Input group-->
+                                    <!--begin::Input group-->
+                                    <div class="d-flex flex-column mb-5 fv-row">
+                                        <!--begin::Label-->
+                                        <label class="fs-5 fw-bold mb-2">Description [250]:</label>
+                                        <!--end::Label-->
+                                        <!--begin::Input-->
+                                        <input class="form-control form-control-solid" placeholder="" name="description">
+                                        <!--end::Input-->
+                                    </div>
+                                    <!--end::Input group-->
+                                    <!--begin::Input group-->
+                                    <div class="d-flex flex-column mb-10 fv-row fv-plugins-icon-container">
+                                        <label class="fs-6 fw-bold mb-2">Job Delivery Details:</label>
+                                        <textarea class="form-control form-control-solid" rows="6" name="message" placeholder=""></textarea>
+                                        <div class="fv-plugins-message-container invalid-feedback"></div></div>
+                                    <!--end::Input group-->
+
+                                    <!--begin::Input group-->
+                                    <div class="d-flex flex-column mb-5 fv-row">
+                                        <!--begin::Label-->
+                                        <label class="fs-5 fw-bold mb-2">Timeline</label>
+                                        <!--end::Label-->
+                                        <!--begin::Input-->
+                                        <select  class="form-select form-select-solid form-select-lg" name='timeline'>
+                                            <option value="opt1">Select Market Timeline for this job</option>
+                                            <option value="2">2 days</option>
+                                            <option value="3">3 days</option>
+                                            <option value="4">4 days</option>
+                                            <option value="5">5 days</option>
+                                            <option value="6">6 days</option>
+                                            <option value="7">1 week</option>
+                                            <option value="14">2 weeks</option>
+                                            <option value="21">3 weeks</option>
+                                            <option value="30">1 Month</option>
+                                            <option value="60">2 Months</option>
+                                        </select>
+                                        <!--end::Input-->
+                                    </div>
+                                    <!--end::Input group-->
+
+
+
+                                <div class="d-flex flex-column mb-5 fv-row">
+                                    <div class="col-md-6 fv-row fv-plugins-icon-container">
                                         <?php echo $job_message; ?>
-                                    </div></div>
+                                    </div>
+                                    <div class="col-md-3 fv-row fv-plugins-icon-container">
+                                        <!--begin::Submit-->
+                                        <button type="submit" class="btn btn-primary" >
+                                            <!--begin::Indicator-->
+                                            <span class="indicator-label">Add Job</span>
+                                            <span class="indicator-progress">Please wait...
+														<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
+                                            <!--end::Indicator-->
+                                        </button>
+                                        <!--end::Submit-->
+                                    </div>
 
-                            </div>
-                        </div>
 
-                    </form>
 
+                                    </div>
+
+                            </form>
+                        <!--end::Table-->
+                    </div>
+                    <!--end::Tap pane-->
 
                 </div>
             </div>