templates/blog_edit/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">Edit Post</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item">Pages</li>
  13.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Blog</a></li>
  14.                                         <li class="breadcrumb-item active" aria-current="page">Edit Post</li>
  15.                                     </ol>
  16.                                 </div>
  17.                             </div>
  18.                             <!-- PAGE-HEADER END -->
  20.                             <!-- ROW -->
  21.                             <div class="row">
  22.                                 <div class="col-lg-12 col-md-12 col-md-12">
  23.                                     <div class="card ">
  24.                                         <div class="card-header border-bottom">
  25.                                             <h3 class="card-title">Edit Post</h3>
  26.                                         </div>
  27.                                         <div class="card-body">
  28.                                             <div class="form-group">
  29.                                                 <label for="blogTitle" class="form-label text-dark">Title</label>
  30.                                                 <input type="text" class="form-control" id="blogTitle" value="Best place for vacation">
  31.                                             </div>
  32.                                             <div class="form-group">
  33.                                                 <label for="category" class="form-label text-dark">Category</label>
  34.                                                 <select class="form-control select2 form-select" id="category" data-placeholder="Select">
  35.                                                     <option label="default">Select</option>
  36.                                                     <option value="1" selected>IT</option>
  37.                                                     <option value="2">Language</option>
  38.                                                     <option value="3">Science</option>
  39.                                                     <option value="4">Health</option>
  40.                                                     <option value="5">Humanities</option>
  41.                                                     <option value="6">Business</option>
  42.                                                     <option value="7">Maths</option>
  43.                                                     <option value="8">Marketing</option>
  44.                                                 </select>
  45.                                             </div>
  46.                                             <div class="form-group">
  47.                                                 <label class="form-label text-dark" for="instructor">Instructor</label>
  48.                                                 <select class="form-control select2 form-select" id="instructor" data-placeholder="Select">
  49.                                                     <option label="default">Select</option>
  50.                                                     <option value="1" selected>Pedro Cox</option>
  51.                                                     <option value="2">Vera Guzman</option>
  52.                                                     <option value="3">Glenda Long</option>
  53.                                                     <option value="4">Joel Anderson</option>
  54.                                                     <option value="5">Blanche Henderson</option>
  55.                                                 </select>
  56.                                             </div>
  57.                                             <div class="form-group">
  58.                                                 <label class="form-label text-dark">Type of mode</label>
  59.                                                 <div class="d-md-flex ad-post-details">
  60.                                                     <label class="custom-control custom-radio mb-2 me-4">
  61.                                                         <input type="radio" class="custom-control-input" name="radios2" value="option1" checked>
  62.                                                         <span class="custom-control-label"><a href="javascript:void(0)">Online </a></span>
  63.                                                     </label>
  64.                                                     <label class="custom-control custom-radio  mb-2">
  65.                                                         <input type="radio" class="custom-control-input" name="radios2" value="option2" >
  66.                                                         <span class="custom-control-label"><a href="javascript:void(0)">Offline</a></span>
  67.                                                     </label>
  68.                                                 </div>
  69.                                             </div>
  70.                                             <div class="ql-wrapper ql-wrapper-demo mb-4">
  71.                                                 <div id="quillEditor">
  72.                                                     <p><strong>Quill</strong> is a free, open source <a href="https://github.com/quilljs/quill/">WYSIWYG editor</a> built for the modern web. With its <a href="https://quilljs.com/docs/modules/">modular architecture</a> and expressive API, it is completely customizable to fit any need.</p><br>
  73.                                                     <p>The icons use here as a replacement to default svg icons are from <a href="https://icons8.com/line-awesome">Line Awesome Icons</a>.</p>
  74.                                                 </div>
  75.                                             </div>
  76.                                             <div class="form-group">
  77.                                                 <label class="form-label text-dark">Course Type</label>
  78.                                                 <div class="d-md-flex ad-post-details">
  79.                                                     <label class="custom-control custom-radio mb-2 me-4">
  80.                                                         <input type="radio" class="custom-control-input" name="radios12" value="option1" checked>
  81.                                                         <span class="custom-control-label"><a href="javascript:void(0)">Free </a></span>
  82.                                                     </label>
  83.                                                     <label class="custom-control custom-radio  mb-2">
  84.                                                         <input type="radio" class="custom-control-input" name="radios12" value="option2" >
  85.                                                         <span class="custom-control-label"><a href="javascript:void(0)">Paid</a></span>
  86.                                                     </label>
  87.                                                 </div>
  88.                                             </div>
  89.                                             <div class="p-4 border mb-4 form-group">
  90.                                                 <div>
  91.                                                     <input id="demo" type="file" name="files" accept=" image/jpeg, image/png, text/html, application/zip, text/css, text/js" multiple />
  92.                                                 </div>
  93.                                             </div>
  94.                                             <div class="form-group">
  95.                                                 <label class="form-label" for="videoUrl">Upload Video URL</label>
  96.                                                 <input type="text" class="form-control" id="videoUrl" placeholder="https://videos.com" value="https://www.youtube.com/embed/tMWkeBIohBs">
  97.                                             </div>
  98.                                             <div class="control-group form-group  mb-0">
  99.                                                 <label class="form-label text-dark">Course Post Package</label>
  100.                                                 <div class=" border p-3 br-7">
  101.                                                     <div class="d-md-flex ad-post-details">
  102.                                                         <label class="custom-control custom-radio mb-0 me-5">
  103.                                                             <input type="radio" class="custom-control-input" name="radios1" value="option7">
  104.                                                             <span class="custom-control-label">30 Days Free</span>
  105.                                                         </label>
  106.                                                         <label class="custom-control custom-radio  mb-0 me-4">
  107.                                                             <input type="radio" class="custom-control-input" name="radios1" value="option8" checked>
  108.                                                             <span class="custom-control-label">60 days / <span class="font-weight-bold">$20</span></span>
  109.                                                         </label>
  110.                                                         <label class="custom-control custom-radio  mb-0 me-4">
  111.                                                             <input type="radio" class="custom-control-input" name="radios1" value="option9">
  112.                                                             <span class="custom-control-label">6months /<span class="font-weight-bold">$50</span></span>
  113.                                                         </label>
  114.                                                         <label class="custom-control custom-radio  mb-0">
  115.                                                             <input type="radio" class="custom-control-input" name="radios1" value="option10">
  116.                                                             <span class="custom-control-label">1 year / <span class="font-weight-bold">$80</span></span>
  117.                                                         </label>
  118.                                                     </div>
  119.                                                 </div>
  120.                                             </div>
  121.                                         </div>
  122.                                         <div class="card-footer">
  123.                                             <a href="javascript:void(0)" class="btn btn-primary float-end mb-1 mb-sm-0">Publish Now</a>
  124.                                             <a href="javascript:void(0)" class="btn btn-secondary float-end me-2 mb-1 mb-sm-0">Save to Draft</a>
  125.                                         </div>
  126.                                     </div>
  127.                                 </div>
  128.                             </div>
  129.                             <!-- /ROW -->
  130. {% endblock %}
  132. {% block javascripts %}
  133.    {{parent()}} 
  134.         <!-- FORMEDITOR JS -->
  135.         <script src="{{absolute_url(asset('build/plugins/quill/quill.min.js'))}}"></script>
  137.         <!--Internal Fancy uploader js-->
  138.         <script src="{{absolute_url(asset('build/plugins/fancyuploder/jquery.ui.widget.js'))}}"></script>
  139.         <script src="{{absolute_url(asset('build/plugins/fancyuploder/jquery.fileupload.js'))}}"></script>
  140.         <script src="{{absolute_url(asset('build/plugins/fancyuploder/jquery.iframe-transport.js'))}}"></script>
  141.         <script src="{{absolute_url(asset('build/plugins/fancyuploder/jquery.fancy-fileupload.js'))}}"></script>
  142.         <script src="{{absolute_url(asset('build/plugins/fancyuploder/fancy-uploader.js'))}}"></script>
  144.         <!-- SELECT2 JS -->
  145.         <script src="{{absolute_url(asset('build/plugins/select2/select2.full.min.js'))}}"></script>
  147.         <!-- BLOG-EDIT JS-->
  148.         {{ encore_entry_script_tags('js/blog-edit') }}
  150. {% endblock %}