src/views/admin/banner.twig line 1

Open in your IDE?
  1. {% import 'utility/_macros.twig' as macros %}
  2. {% extends 'layout/_base.twig' %}
  3. {% block head %}
  4.   {% include 'layout/_head.twig' %}
  5.   {{ macros.styleNscript('admin/info') }}
  6. {% endblock %}
  7. {% block main %}
  8. <section class="grid grid--main">
  9.   {% include 'admin/layout/_aside.twig' %}
  10.   <main class="main">
  11.     <ul class="breadcrumb breadcrumb--dashboard">
  12.       <li class="breadcrumb--li">
  13.         <a class="breadcrumb--li-a" href="{{ path('admin_dashboard') }}">Dashboard</a>
  14.       </li>
  15.       <li class="breadcrumb--li">
  16.         <a class="breadcrumb--li-a current">Home Page Banner</a>
  17.       </li>
  18.     </ul>
  19.     <div class="workarea workarea--1x2">
  20.       <div class="formholder">
  22.       {% for message in app.flashes('success') %}
  23.     <div class="alert alert-success">
  24.         {{ message }}
  25.     </div>
  26. {% endfor %}
  28. {% for message in app.flashes('error') %}
  29.     <div class="alert alert-danger">
  30.         {{ message }}
  31.     </div>
  32. {% endfor %}
  34.         <div class="formholder--heading">Create Banner</div>
  35.         <form class="form" id="createIssueTheme" method="POST" enctype="multipart/form-data">
  36.           <div class="input--group" style="margin: 0;">
  37.             <input class="input" type="file" name="cover" accept=".jpg,.jpeg,.png" required />
  38.             <div class="progress">Upload Cover</div>
  39.           </div>
  40.           <div class="image--preview"></div>
  41.           <div class="input--group">
  42.             <input class="input" type="text" name="title" placeholder="Enter Title" required />
  43.           </div>
  44.           <div class="input--group">
  45.             <textarea name="description" placeholder="Enter Description" ></textarea>
  46.           </div>
  47.           <input type="hidden" name="locale" value="{{ app.request.locale }}" />
  48.           <button class="btn--primary-solid btn--100" type="submit">Create</button>
  49.         </form>
  50.       </div>
  52.       <table class="table">
  53.   <thead>
  54.     <tr>
  55.     <th>Cover</th>
  56.       <th>Title</th>
  57.       <th>Description</th>
  58.       
  59.       <th>Actions</th> 
  60.     </tr>
  61.   </thead>
  62.   <tbody>
  63.     {% for banner in banners %}
  64.       <tr>
  65.       <td>
  66.           {% if banner.cover %}
  67.             <img src="{{ asset('uploads/banners/' ~ banner.cover) }}" alt="{{ banner.title }}" style="width: 100px;" />
  68.           {% else %}
  69.             No Cover Image
  70.           {% endif %}
  71.         </td>
  73.         <td>{{ banner.title }}</td>
  74.         <td>{{ banner.description }}</td>
  75.         
  77.         <td class="btn--group">
  78.                 <a href="{{ path('admin_banner_edit', { 'id': banner.id }) }}" class="btn--icon btn--edit"><i class="btn--icon-i ri-quill-pen-fill"></i></a>
  80.                 <form method="POST" action="{{ path('admin_banner_delete', { 'id': banner.id }) }}" style="display:inline;" onsubmit="return confirm('Are you sure you want to delete this banner?');">
  81.                   <button type="submit" class="btn--icon btn--delete"><i class="btn--icon-i ri-delete-bin-2-fill"></i></button>
  82.                 </form>
  84.               </td>
  86.       </tr>
  87.     {% else %}
  88.       <tr>
  89.         <td colspan="4">No banners found.</td>
  90.       </tr>
  91.     {% endfor %}
  92.   </tbody>
  93. </table>
  96.     </div>
  99.   </main>
  102. </section>
  103. {% endblock %}