templates/client_create/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">Add Client</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item">Apps</li>
  13.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Clients</a></li>
  14.                                         <li class="breadcrumb-item active" aria-current="page">Add Client</li>
  15.                                     </ol>
  16.                                 </div>
  17.                             </div>
  18.                             <!-- PAGE-HEADER END -->
  20.                             <!--ROW OPENED-->
  21.                             <div class="row">
  22.                                 <div class="col-lg-12 col-md-12">
  23.                                     <div  class="card">
  24.                                         <div class="card-header border-bottom">
  25.                                             <h4 class="mb-0">Client Info</h4>
  26.                                         </div>
  27.                                         <div class="card-body p-0 task-edit-main">
  28.                                             <div class="row p-5 border-bottom">
  29.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  30.                                                     <div class="form-group">
  31.                                                         <label class="form-label text-muted">Salution:</label>
  32.                                                         <select class="form-control select2 form-select select2-hidden-accessible text-dark" id="client-salution1" data-placeholder="Choose Category..." tabindex="-1" aria-hidden="true">
  33.                                                             <option label="Choose one"></option>
  34.                                                             <option value="empty" selected>---</option>
  35.                                                             <option value="MR">Mr.</option>
  36.                                                             <option value="MS">Ms.</option>
  37.                                                         </select>
  38.                                                     </div>
  39.                                                 </div>
  40.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  41.                                                     <div class="form-group">
  42.                                                         <label class="form-label text-muted">Client Name:</label>
  43.                                                         <div class="input-group" id="client-name">
  44.                                                             <input type="text" class="form-control text-dark" placeholder="Enter Client Name">
  45.                                                         </div>
  46.                                                     </div>
  47.                                                 </div>
  48.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  49.                                                     <div class="form-group">
  50.                                                         <label class="form-label text-muted">Email:</label>
  51.                                                         <div class="input-group" id="client-email">
  52.                                                             <input type="text" class="form-control text-dark" placeholder="Enter Client Email">
  53.                                                         </div>
  54.                                                     </div>
  55.                                                 </div>
  56.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  57.                                                     <div class="form-group">
  58.                                                         <label class="form-label text-muted">Password:</label>
  59.                                                         <div class="input-group" id="client-password">
  60.                                                             <input type="password" class="form-control text-dark input-password" placeholder="Enter Password">
  61.                                                             <span class="input-group-text btn btn-primary text-white show-password">
  62.                                                                 <i class="fe fe-eye eye-open"></i>
  63.                                                                 <i class="fe fe-eye-off eye-close d-none"></i>
  64.                                                             </span>
  65.                                                         </div>
  66.                                                     </div>
  67.                                                 </div>
  68.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  69.                                                     <label class="form-label text-muted">Country: </label>
  70.                                                     <div class="form-group">
  71.                                                         <ul>
  72.                                                             <li class="select-client">
  73.                                                                 <select class="form-control select2-country-search" data-placeholder="Select Country">
  74.                                                                     <option label="defaultOption" value="def" selected>Select Country</option>
  75.                                                                     <option value="UM">United States of America</option>
  76.                                                                     <option value="AF">Afghanistan</option>
  77.                                                                     <option value="AL">Albania</option>
  78.                                                                     <option value="AD">Andorra</option>
  79.                                                                     <option value="AG">Antigua and Barbuda</option>
  80.                                                                     <option value="AU">Australia</option>
  81.                                                                     <option value="AM">Armenia</option>
  82.                                                                     <option value="AO">Angola</option>
  83.                                                                     <option value="AR">Argentina</option>
  84.                                                                     <option value="AT">Austria</option>
  85.                                                                     <option value="AZ">Azerbaijan</option>
  86.                                                                     <option value="BA">Bosnia and Herzegovina</option>
  87.                                                                     <option value="BB">Barbados</option>
  88.                                                                     <option value="BD">Bangladesh</option>
  89.                                                                     <option value="BE">Belgium</option>
  90.                                                                     <option value="BF">Burkina Faso</option>
  91.                                                                     <option value="BG">Bulgaria</option>
  92.                                                                     <option value="BH">Bahrain</option>
  93.                                                                     <option value="BJ">Benin</option>
  94.                                                                     <option value="BN">Brunei</option>
  95.                                                                     <option value="BO">Bolivia</option>
  96.                                                                     <option value="BT">Bhutan</option>
  97.                                                                     <option value="BY">Belarus</option>
  98.                                                                     <option value="CD">Congo</option>
  99.                                                                     <option value="CA">Canada</option>
  100.                                                                     <option value="CF">Central African Republic</option>
  101.                                                                     <option value="CI">Cote d'Ivoire</option>
  102.                                                                     <option value="CL">Chile</option>
  103.                                                                     <option value="CM">Cameroon</option>
  104.                                                                     <option value="CN">China</option>
  105.                                                                     <option value="CO">Colombia</option>
  106.                                                                     <option value="CU">Cuba</option>
  107.                                                                     <option value="CV">Cabo Verde</option>
  108.                                                                     <option value="CY">Cyprus</option>
  109.                                                                     <option value="DJ">Djibouti</option>
  110.                                                                     <option value="DK">Denmark</option>
  111.                                                                     <option value="DM">Dominica</option>
  112.                                                                     <option value="DO">Dominican Republic</option>
  113.                                                                     <option value="EC">Ecuador</option>
  114.                                                                     <option value="EE">Estonia</option>
  115.                                                                     <option value="ER">Eritrea</option>
  116.                                                                     <option value="ET">Ethiopia</option>
  117.                                                                     <option value="FI">Finland</option>
  118.                                                                     <option value="FJ">Fiji</option>
  119.                                                                     <option value="FR">France</option>
  120.                                                                     <option value="GA">Gabon</option>
  121.                                                                     <option value="GD">Grenada</option>
  122.                                                                     <option value="GE">Georgia</option>
  123.                                                                     <option value="GH">Ghana</option>
  124.                                                                     <option value="GH">Ghana</option>
  125.                                                                     <option value="HN">Honduras</option>
  126.                                                                     <option value="HT">Haiti</option>
  127.                                                                     <option value="HU">Hungary</option>
  128.                                                                     <option value="ID">Indonesia</option>
  129.                                                                     <option value="IE">Ireland</option>
  130.                                                                     <option value="IL">Israel</option>
  131.                                                                     <option value="IN">India</option>
  132.                                                                     <option value="IQ">Iraq</option>
  133.                                                                     <option value="IR">Iran</option>
  134.                                                                     <option value="IS">Iceland</option>
  135.                                                                     <option value="IT">Italy</option>
  136.                                                                     <option value="JM">Jamaica</option>
  137.                                                                     <option value="JO">Jordan</option>
  138.                                                                     <option value="JP">Japan</option>
  139.                                                                     <option value="KE">Kenya</option>
  140.                                                                     <option value="KG">Kyrgyzstan</option>
  141.                                                                     <option value="KI">Kiribati</option>
  142.                                                                     <option value="KW">Kuwait</option>
  143.                                                                     <option value="KZ">Kazakhstan</option>
  144.                                                                     <option value="LA">Laos</option>
  145.                                                                     <option value="LB">Lebanons</option>
  146.                                                                     <option value="LI">Liechtenstein</option>
  147.                                                                     <option value="LR">Liberia</option>
  148.                                                                     <option value="LS">Lesotho</option>
  149.                                                                     <option value="LT">Lithuania</option>
  150.                                                                     <option value="LU">Luxembourg</option>
  151.                                                                     <option value="LV">Latvia</option>
  152.                                                                     <option value="LY">Libya</option>
  153.                                                                     <option value="MA">Morocco</option>
  154.                                                                     <option value="MC">Monaco</option>
  155.                                                                     <option value="MD">Moldova</option>
  156.                                                                     <option value="ME">Montenegro</option>
  157.                                                                     <option value="MG">Madagascar</option>
  158.                                                                     <option value="MH">Marshall Islands</option>
  159.                                                                     <option value="MK">Macedonia (FYROM)</option>
  160.                                                                     <option value="ML">Mali</option>
  161.                                                                     <option value="MM">Myanmar (formerly Burma)</option>
  162.                                                                     <option value="MN">Mongolia</option>
  163.                                                                     <option value="MR">Mauritania</option>
  164.                                                                     <option value="MT">Malta</option>
  165.                                                                     <option value="MV">Maldives</option>
  166.                                                                     <option value="MW">Malawi</option>
  167.                                                                     <option value="MX">Mexico</option>
  168.                                                                     <option value="MZ">Mozambique</option>
  169.                                                                     <option value="NA">Namibia</option>
  170.                                                                     <option value="NG">Nigeria</option>
  171.                                                                     <option value="NO">Norway</option>
  172.                                                                     <option value="NP">Nepal</option>
  173.                                                                     <option value="NR">Nauru</option>
  174.                                                                     <option value="NZ">New Zealand</option>
  175.                                                                     <option value="OM">Oman</option>
  176.                                                                     <option value="PA">Panama</option>
  177.                                                                     <option value="PF">Paraguay</option>
  178.                                                                     <option value="PG">Papua New Guinea</option>
  179.                                                                     <option value="PH">Philippines</option>
  180.                                                                     <option value="PK">Pakistan</option>
  181.                                                                     <option value="PL">Poland</option>
  182.                                                                     <option value="QA">Qatar</option>
  183.                                                                     <option value="RO">Romania</option>
  184.                                                                     <option value="RU">Russia</option>
  185.                                                                     <option value="RW">Rwanda</option>
  186.                                                                     <option value="SA">Saudi Arabia</option>
  187.                                                                     <option value="SB">Solomon Islands</option>
  188.                                                                     <option value="SC">Seychelles</option>
  189.                                                                     <option value="SD">Sudan</option>
  190.                                                                     <option value="SE">Sweden</option>
  191.                                                                     <option value="SG">Singapore</option>
  192.                                                                     <option value="TG">Togo</option>
  193.                                                                     <option value="TH">Thailand</option>
  194.                                                                     <option value="TJ">Tajikistan</option>
  195.                                                                     <option value="TL">Timor-Leste</option>
  196.                                                                     <option value="TM">Turkmenistan</option>
  197.                                                                     <option value="TN">Tunisia</option>
  198.                                                                     <option value="TO">Tonga</option>
  199.                                                                     <option value="TR">Turkey</option>
  200.                                                                     <option value="TT">Trinidad and Tobago</option>
  201.                                                                     <option value="TW">Taiwan</option>
  202.                                                                     <option value="UA">Ukraine</option>
  203.                                                                     <option value="UG">Uganda</option>
  204.                                                                     <option value="UY">Uruguay</option>
  205.                                                                     <option value="UZ">Uzbekistan</option>
  206.                                                                     <option value="VA">Vatican City (Holy See)</option>
  207.                                                                     <option value="VE">Venezuela</option>
  208.                                                                     <option value="VN">Vietnam</option>
  209.                                                                     <option value="VU">Vanuatu</option>
  210.                                                                     <option value="YE">Yemen</option>
  211.                                                                     <option value="ZM">Zambia</option>
  212.                                                                     <option value="ZW">Zimbabwe</option>
  213.                                                                 </select>
  214.                                                             </li>
  215.                                                         </ul>
  216.                                                     </div>
  217.                                                 </div>
  218.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  219.                                                     <div class="form-group">
  220.                                                         <label class="form-label text-muted">Mobile Number:</label>
  221.                                                         <div class="input-group" id="client-mobilenumber">
  222.                                                             <input type="number" class="form-control text-dark" placeholder="Enter Mobile Number">
  223.                                                         </div>
  224.                                                     </div>
  225.                                                 </div>
  226.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  227.                                                     <div class="form-group">
  228.                                                         <label class="form-label text-muted">Gender:</label>
  229.                                                         <select class="form-control select2 form-select select2-hidden-accessible text-dark" id="client-salution2" data-placeholder="Select Gender" tabindex="-1" aria-hidden="true">
  230.                                                             <option value="empty" selected>---</option>
  231.                                                             <option value="MA">Male</option>
  232.                                                             <option value="FE">Female</option>
  233.                                                             <option value="OT">Others</option>
  234.                                                         </select>
  235.                                                     </div>
  236.                                                 </div>
  237.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  238.                                                     <div class="form-group">
  239.                                                         <label class="form-label text-muted">Category:</label>
  240.                                                         <select class="form-control select2-show-search form-select select2-hidden-accessible text-dark" id="client-salution3" data-placeholder="Select Gender" tabindex="-1" aria-hidden="true">
  241.                                                             <option value="empty" selected>---</option>
  242.                                                             <option value="MA">Marketing</option>
  243.                                                             <option value="IT">IT Development</option>
  244.                                                             <option value="CC">Cloud Computing</option>
  245.                                                             <option value="MR">Medical Research</option>
  246.                                                         </select>
  247.                                                     </div>
  248.                                                 </div>
  249.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  250.                                                     <div class="form-group">
  251.                                                         <label class="form-label text-muted">Sub Category:</label>
  252.                                                         <select class="form-control select2-show-search form-select select2-hidden-accessible text-dark" id="client-salution4" data-placeholder="Select Gender" tabindex="-1" aria-hidden="true">
  253.                                                             <option value="empty" selected>---</option>
  254.                                                             <option value="MA">Marketing</option>
  255.                                                             <option value="IT">IT Development</option>
  256.                                                             <option value="CC">Cloud Computing</option>
  257.                                                             <option value="MR">Medical Research</option>
  258.                                                         </select>
  259.                                                     </div>
  260.                                                 </div>
  261.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  262.                                                     <div class="form-group">
  263.                                                         <label class="form-label text-muted">Can User Login To App?</label>
  264.                                                         <div class="d-flex align-items-center mt-3">
  265.                                                             <label class="custom-control custom-radio me-3">
  266.                                                                 <input type="radio" class="custom-control-input" name="login-radio" value="yes" checked>
  267.                                                                 <span class="custom-control-label">Yes</span>
  268.                                                             </label>
  269.                                                             <label class="custom-control custom-radio">
  270.                                                                 <input type="radio" class="custom-control-input" name="login-radio" value="no">
  271.                                                                 <span class="custom-control-label">No</span>
  272.                                                             </label>
  273.                                                         </div>
  274.                                                     </div>
  275.                                                 </div>
  276.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  277.                                                     <div class="form-group">
  278.                                                         <label class="form-label text-muted">Can User Receive Email Notifications?</label>
  279.                                                         <div class="d-flex align-items-center mt-3">
  280.                                                             <label class="custom-control custom-radio me-3">
  281.                                                                 <input type="radio" class="custom-control-input" name="notifications-radio" value="yes" checked>
  282.                                                                 <span class="custom-control-label">Yes</span>
  283.                                                             </label>
  284.                                                             <label class="custom-control custom-radio">
  285.                                                                 <input type="radio" class="custom-control-input" name="notifications-radio" value="no">
  286.                                                                 <span class="custom-control-label">No</span>
  287.                                                             </label>
  288.                                                         </div>
  289.                                                     </div>
  290.                                                 </div>
  291.                                             </div>
  292.                                             <div class="row p-5 border-bottom">
  293.                                                 <div class="col-xl-12">
  294.                                                     <h4 class="mb-4">Company Details</h4>
  295.                                                 </div>
  296.                                                 <div class="col-sm-12 col-md-12 col-xl-4">
  297.                                                     <div class="form-group">
  298.                                                         <label class="form-label text-muted">Company Name:</label>
  299.                                                         <div class="input-group" id="company-name">
  300.                                                             <input type="text" class="form-control text-dark" placeholder="Enter Company Name">
  301.                                                         </div>
  302.                                                     </div>
  303.                                                 </div>
  304.                                                 <div class="col-sm-12 col-md-12 col-xl-4">
  305.                                                     <div class="form-group">
  306.                                                         <label class="form-label text-muted">Company Website:</label>
  307.                                                         <div class="input-group" id="company-website">
  308.                                                             <input type="text" class="form-control text-dark" placeholder="ex: http://www.spruko.com/">
  309.                                                         </div>
  310.                                                     </div>
  311.                                                 </div>
  312.                                                 <div class="col-sm-12 col-md-12 col-xl-4">
  313.                                                     <div class="form-group">
  314.                                                         <label class="form-label text-muted">GST Number:</label>
  315.                                                         <div class="input-group" id="company-gstnumber">
  316.                                                             <input type="number" class="form-control text-dark" placeholder="Enter GST Number">
  317.                                                         </div>
  318.                                                     </div>
  319.                                                 </div>
  320.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  321.                                                     <div class="form-group">
  322.                                                         <label class="form-label text-muted">Office Phone Number:</label>
  323.                                                         <div class="input-group" id="company-phonenumber">
  324.                                                             <input type="number" class="form-control text-dark" placeholder="Enter Phone Number">
  325.                                                         </div>
  326.                                                     </div>
  327.                                                 </div>
  328.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  329.                                                     <div class="form-group">
  330.                                                         <label class="form-label text-muted">City:</label>
  331.                                                         <div class="input-group" id="company-city">
  332.                                                             <input type="text" class="form-control text-dark" placeholder="City">
  333.                                                         </div>
  334.                                                     </div>
  335.                                                 </div>
  336.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  337.                                                     <div class="form-group">
  338.                                                         <label class="form-label text-muted">State:</label>
  339.                                                         <div class="input-group" id="company-state">
  340.                                                             <input type="text" class="form-control text-dark" placeholder="State">
  341.                                                         </div>
  342.                                                     </div>
  343.                                                 </div>
  344.                                                 <div class="col-sm-12 col-md-12 col-xl-3">
  345.                                                     <div class="form-group">
  346.                                                         <label class="form-label text-muted">Postal Code:</label>
  347.                                                         <div class="input-group" id="company-postalcode">
  348.                                                             <input type="text" class="form-control text-dark" placeholder="Postal Code">
  349.                                                         </div>
  350.                                                     </div>
  351.                                                 </div>
  352.                                                 <div class="col-sm-12 col-md-12 col-xl-6">
  353.                                                     <div class="form-group">
  354.                                                         <label class="form-label text-muted">Company Address:</label>
  355.                                                         <textarea class="form-control" name="company-address" id="company-address" cols="30" rows="4" placeholder="Plat No., Street, Lane No, City"></textarea>
  356.                                                     </div>
  357.                                                 </div>
  358.                                                 <div class="col-sm-12 col-md-12 col-xl-6">
  359.                                                     <div class="form-group">
  360.                                                         <label class="form-label text-muted">Shipping Address:</label>
  361.                                                         <textarea class="form-control" name="company-shippingaddress" id="company-shippingaddress" cols="30" rows="4" placeholder="Plat No., Street, Lane No, City"></textarea>
  362.                                                     </div>
  363.                                                 </div>
  364.                                             </div>
  365.                                             <div class="row p-5">
  366.                                                 <div class="btn-list text-end">
  367.                                                     <button class="btn btn-outline-danger"> <i class="fe fe-x-circle"></i> Cancel</button>
  368.                                                     <button class="btn btn-primary"> <i class="fe fe-check-circle"></i> Save</button>
  369.                                                 </div>
  370.                                             </div>
  371.                                         </div>
  372.                                     </div>
  373.                                 </div>
  374.                             </div>
  375.                             <!--ROW CLOSED-->
  376. {% endblock %}
  378. {% block javascripts %}
  379.    {{parent()}} 
  380.         <!-- SELECT2 JS -->
  381.         <script src="{{absolute_url(asset('build/plugins/select2/select2.full.min.js'))}}"></script>
  383.         <!-- BOOTSRAP-DATEPICKER JS -->
  384.         <script src="{{absolute_url(asset('build/plugins/bootstrap-datepicker/js/datepicker.js'))}}"></script>
  386.         <!-- FORMEDITOR JS -->
  387.         <script src="{{absolute_url(asset('build/plugins/bootstrap-datepicker/js/datepicker.js'))}}"></script>
  389.         <!-- FILE UPLOAD JS -->
  390.         <script src="{{absolute_url(asset('build/plugins/fileuploads/js/fileupload.js'))}}"></script>
  391.         <script src="{{absolute_url(asset('build/plugins/fileuploads/js/file-upload.js'))}}"></script>
  393.         <!-- TASK EDIT JS-->
  394.           {{ encore_entry_script_tags('js/client-create') }}
  396. {% endblock %}