{% extends 'base.html.twig' %}

{% block title %}Ticket{% endblock %}

{% block body %}

  <div class="container-scroller">
    <!-- partial:../../partials/_navbar.html -->
    {{ include('admin/partials/top-menu.html.twig') }}
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
      <!-- partial:../../partials/_sidebar.html -->
      {{ include('admin/partials/sidebar.html.twig') }}
      <!-- partial -->
      <div class="main-panel">
        <div class="content-wrapper">
          <div class="row">
          
            <div class="col-md-12 grid-margin stretch-card">
              <div class="card">
                <div class="card-body">
                  <div class="d-flex">
                  <h4 class="card-title">Ticket Bilgileri</h4><div class="badge align-items-center d-inline-flex ml-auto badge-{% if TICKET[0].status == 1 %}success{% elseif TICKET[0].status == 0 %}warning{% elseif TICKET[0].status == 2 %}danger{% elseif TICKET[0].status == 3 %}info{% endif %}">
                  {% if TICKET[0].status == 1 %}
                    Çözüldü
                  {% elseif TICKET[0].status == 0 %}
                    Beklemede
                  {% elseif TICKET[0].status == 2 %}
                    İptal
                  {% elseif TICKET[0].status == 3 %}
                    Kontrol Ediliyor
                  {% endif %}</div>
                  </div>
                  
                  <div class="row">

                   <div class="col-md-3 d-inline-flex"><b>Takip Numarası</b><span class="dot ml-auto">:</span></div>
                   <div class="col-md-9">#{{ TICKET[0].id }}</div>

                  </div>

                    <div class="row">

                   <div class="col-md-3 d-inline-flex"><b>Konu</b><span class="dot ml-auto">:</span></div>
                   <div class="col-md-9"> {{ TICKET[0].subject is not null ? TICKET[0].subject.title : 'Bilinmiyor' }}</div>

                  </div>

                  <div class="row">

                   <div class="col-md-3 d-inline-flex"><b>Tarih</b><span class="dot ml-auto">:</span></div>
                   <div class="col-md-9"> {{ TICKET[0].createdDate|date('d.m.Y H:i') }}</div>

                  </div>

                   {% if TICKET[0].user.companyName is defined and TICKET[0].user.companyName is not null %}
                   <div class="row">

                   <div class="col-md-3 d-inline-flex"><b>Firma</b><span class="dot ml-auto">:</span></div>
                   <div class="col-md-9"> {{ TICKET[0].user.companyName }}</div>

                  </div>
                 {% endif %}


                 {% if TICKET[0].user.username is defined and TICKET[0].user.username is not null %}
                   <div class="row">

                   <div class="col-md-3 d-inline-flex"><b>Gönderen</b><span class="dot ml-auto">:</span></div>
                   <div class="col-md-9"> {{ TICKET[0].user.username }}</div>

                  </div>
                 {% endif %}

                    <div class="row">

                   <div class="col-md-3 d-inline-flex"><b>Açıklama</b><span class="dot ml-auto">:</span></div>
                   <div class="col-md-9"> {{ TICKET[0].description|raw }}</div>

                  </div>

                </div>
              </div>
         
          </div>
        </div>

        <div class="row">
          
            <div class="col-md-12 grid-margin stretch-card">
              <div class="card">
                <div class="card-body">

                    {% for message in app.flashes('danger') %}
                    <div class="alert alert-danger">
                    {{ message }}
                    </div>
                    {% endfor %}
                    {% for message in app.flashes('success') %}
                    <div class="alert alert-success">
                    {{ message }}
                    </div>
                    {% endfor %}

                     {% if ERRORS is defined %}
                    <div class="alert alert-danger">
                    <ul>
                    {% for error in ERRORS %}
                    
                    <li><strong>Hata!</strong> {{ error.message }}</li>
                    
                    {% endfor %}
                    </ul>
                    </div>
                    {% endif %} 

                 <form action="" method="POST">
                  <div class="row">
                     <div class="col-md-6">
                      
                         {% if TICKET['user_name'] is defined and TICKET['user_name'] is not null %}
                          <p><b style="color:red;">*</b> Bu bildirim ile <strong>{{ TICKET['user_name'] }}</strong> ilgilenmektedir.Bu bildirimi başka bir personele aktarmak isterseniz gerekli seçimi yaptıktan sonra formu gönderiniz.</p>
                         {% else %}
                          <p><b style="color:red;">*</b> Bu bildirim ile <strong>hiç bir personel</strong> ilgilenmemektedir.Bu bildirimi bir personele aktarmak isterseniz gerekli seçimi yaptıktan sonra formu gönderiniz.</p>
                         {% endif %}
                    
                     </div>
                     <div class="col-md-6">
                      <div class="form-group">
                      <label class="fs-xs">Personel Atamasını Değiştir</label>
                      <select name="personnel_id" class="form-control select-xs">
                       {% for Item in USERS %}
                        <option value="{{ Item.id }}" {% if Item.id == TICKET['user_id'] %}selected{% endif %}>{{ Item.username }}</option>  
                       {% endfor %}
                      </select>
                     </div>

                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('update_personnel') }}">
                     <div class="d-flex">
                      <button class="btn btn-success ml-auto" type="submit">Kaydet</button>
                     </div>
                    </div>
                  </div>
                 </form>
                </div>
              </div>
            </div>
       </div>

        <!-- content-wrapper ends -->
        <!-- partial:../../partials/_footer.html -->
    {{ include('admin/partials/footer.html.twig') }}
        <!-- partial -->
      </div>
      <!-- main-panel ends -->
    </div>
    <!-- page-body-wrapper ends -->
  </div>

{% endblock %}

{% block ck %}
<script type="text/javascript">
$( 'textarea.ck-editor' ).ckeditor();
</script>


{% endblock %}