<?php include 'header.php'; ?>
<!-- Start::app-content -->
<div class="main-content app-content">
   <div class="container-fluid page-container main-body-container">
      <!-- Start::page-header -->
      <div class="page-header-breadcrumb mb-3">
         <div class="d-flex align-center justify-content-between flex-wrap">
            <h1 class="page-title fw-medium fs-18 mb-0">Add Agreement</h1>
            <ol class="breadcrumb mb-0">
               <li class="breadcrumb-item"><a href="javascript:void(0);">Agreement</a></li>
               <li class="breadcrumb-item active" aria-current="page">Add Agreement</li>
            </ol>
         </div>
      </div>
      <!-- End::page-header -->
      <!-- Start::row-1 -->
      <div class="row">
         <div class="col-xl-12">
            <div class="card custom-card">
               <div class="card-header">
                  <div class="card-title">
                     Add Agreement
                  </div>
               </div>
               <div class="card-body p-0">
                  <form class="wizard wizard-tab horizontal" method="POST">
                     <aside class="wizard-content container">
                        <div class=" wizard-step " data-title="Basic Information"
                           data-id="2e8WqSV3slGIpTbnjcJzmDwBQaHrfh0Z">
                           <div class="row justify-content-center">
                              <div class="col-xl-12">
                                 <div class="register-page">
                                    <h6 class="mb-3">Registration :</h6>
                                    <div class="row gy-3">
                                       <div class="col-xl-6">
                                          <label for="Customer" class="form-label">From*</label>
                                          <textarea class="form-control required" name="from_detail" readonly>REFORMAX It Services.
                                          2nd floor, sky loft, Yerawadapune, Maharashtra,India 
                                          GSTIN 27BRIPG8559G1ZD</textarea>
                                       </div>
                                       <div class="col-xl-6">
                                          <label class="form-label">Agreement Date</label>
                                          <div class="input-group">
                                             <div class="input-group-text text-muted">
                                                <i class="ri-calendar-line"></i>
                                             </div>
                                             <input type="text"
                                                class="form-control flatpickr-input active"
                                                id="date" placeholder="Select DOB"
                                                readonly="readonly">
                                          </div>
                                       </div>
                                       <div class="col-xl-6">
                                          <label class="form-label">To Customer
                                          :</label>
                                          <select class="form-control " data-trigger>
                                             <option value="">Please Select Customer</option>
                                             <option value="1" >Dr. Test Test</option>
                                             <option value="2" >Mr. Abc Pqr</option>
                                             <option value="3" >Mr. Ajay Sing</option>
                                             <option value="10" >Mr. PADMATECH IND</option>
                                             <option value="11" >Miss. ANUSHKA PATIL</option>
                                          </select>
                                          </select>
                                       </div>
                                       <div class="col-xl-6">
                                          <label class="form-label">Agreement For</label>
                                          <select class="form-control " data-trigger>
                                             <option value="">Select</option>
                                             <option value="invoice" >Invoice</option>
                                             <option value="sales_order" >Sales Order</option>
                                          </select>
                                       </div>
                                       <div class="col-xl-6">
                                          <label class="form-label">Select Invoice
                                          :</label>
                                          <select class="form-control" data-trigger>
                                             <option value="choose">Invoice 1</option>
                                             <option value="Choice 1">Invoice 2</option>
                                             <option value="Choice 2">Invoice 3</option>
                                          </select>
                                       </div>
                                       <div class="col-xl-6">
                                          <label class="form-label">Project Name</label>
                                          <div class="input-group">
                                             <div class="input-group-text text-muted">
                                                <i class="ri-calendar-line"></i>
                                             </div>
                                             <input type="text"
                                                class="form-control flatpickr-input active"
                                                id="date" placeholder="Select DOB"
                                                readonly="readonly">
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-xl-7">
                                 <div class="login-page d-none">
                                    <h6 class="mb-3">Sign In :</h6>
                                    <div class="row justify-content-center gy-4">
                                       <div class="col-xl-12">
                                          <label for="email-adress" class="form-label">Email
                                          Address</label>
                                          <input type="text" class="form-control " id="email-adress"
                                             placeholder="Enter Email Adress">
                                       </div>
                                       <div class="col-xl-12">
                                          <label for="password" class="form-label">Enter
                                          Password</label>
                                          <input type="text" class="form-control " id="password"
                                             placeholder="Enter Password">
                                       </div>
                                       <div class="col-xl-12">
                                          <div class="d-grid">
                                             <a href="javascript:void(0);"
                                                class="btn btn-primary px-4">Login</a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class=" wizard-step active" data-title="Agreement Detail"
                           data-id="2e8WqSV3slGIpTbnjcJzmDwBQaHrfh0Z">
                           <div class="row gy-4">
                              <div class="col-xl-3">
                                 <h6>1.Executive Summary*</h6>
                              </div>
                              <div class="col-xl-9">
                                 <!-- Textarea where CKEditor will load -->
                                 <textarea name="editor1" id="editor1" rows="10" cols="80">
                              Type your content here...
                          </textarea>
                              </div>
                           </div>
                        </div>
                        <div class="wizard-step" data-title="Agreement Details"
                           data-id="H53WJiv9blN17MYTztq4g8U6eSVkaZDx">
                           <div class="row gy-4">
                              <div class="col-xl-3">
                                 <h6>2.Proposed Solution for franchise Platform Development*</h6>
                              </div>
                              <div class="col-xl-9">
                                 <!-- Textarea where CKEditor will load -->
                                 <textarea name="editor2" id="editor2" rows="10" cols="80">
                              Type your content here...
                          </textarea>
                              </div>
                           </div>
                        </div>
                        <div class="wizard-step" data-title="Payment"
                           data-id="dOM0iRAyJXsLTr9b3KZfQ2jNv4pgn6Gu" data-limit="3">
                           <div class="row gy-4">
                              <div class="col-xl-3">
                                 <h6>3.Proposed Solution for Software Development (Web Based)*</h6>
                              </div>
                              <div class="col-xl-9">
                                 <!-- Textarea where CKEditor will load -->
                                 <textarea name="editor2" id="editor3" rows="10" cols="80">
                              Type your content here...
                          </textarea>
                              </div>
                           </div>
                        </div>
                        <div class="wizard-step" data-title="Confirmation"
                           data-id="dOM0iRAyJXsLTr9b3KZfQ2jNv4pgn6Gu" data-limit="3">
                           <div class="row gy-4">
                              <div class="col-xl-3">
                                 <h6>4.Proposed Solution for franchise Platform Development*</h6>
                              </div>
                              <div class="col-xl-9">
                                 <!-- Textarea where CKEditor will load -->
                                 <textarea name="editor2" id="editor4" rows="10" cols="80">
                              Type your content here...
                          </textarea>
                              </div>
                           </div>
                        </div>
                     </aside>
                  </form>
               </div>
            </div>
         </div>
      </div>
      <!--End::row-1 -->
   </div>
</div>
<!-- End::app-content -->
<?php include 'footer.php'; ?>
