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

{% block title %}Talep Detay{% endblock %}

{% block body %}

  <div class="container-scroller">
    <!-- partial:../../partials/_navbar.html -->
    {{ include('user/partials/top-menu.html.twig') }}
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
      <!-- partial:../../partials/_sidebar.html -->
      {{ include('user/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">Talep Bilgileri</h4><div class="badge align-items-center d-inline-flex ml-auto badge-{% if TICKET.status == 1 %}success{% elseif TICKET.status == 0 %}warning{% elseif TICKET.status == 2 %}danger{% elseif TICKET.status == 3 %}info{% endif %}">
                {% if TICKET.status == 1 %}
                  Çözüldü
                {% elseif TICKET.status == 0  %}
                  Beklemede
                {% elseif TICKET.status == 2  %}
                   İptal
                {% elseif TICKET.status == 3  %}
                  Kontrol Ediliyor
                {% endif %}</div>
                  </div>
                  
                  <div class="row">

                   <div class="col-md-3 d-inline-flex align-items-center"><b>Takip Numarası</b><span class="dot ml-auto">:</span></div>
                   <div class="col-md-9 ticket-info">#{{ TICKET.id }}</div>

                  </div>

                    <div class="row">

                   <div class="col-md-3 d-inline-flex align-items-center"><b>Konu</b><span class="dot ml-auto">:</span></div>
                   <div class="col-md-9 ticket-info"> {{ TICKET.subject.title }}</div>

                  </div>

                  <div class="row">

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

                  </div>


                    <div class="row">

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

                  </div>

                  {% if TICKET.status == 3  %}
                    <p class="mt-3 mb-0"><b style="color:red;">*</b> Geri bildiriminiz yetkilimiz tarafından incelenmektedir ve en kısa süre içerinde size geri dönüş yapılacaktır.</p>
                  {% endif %}  


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

      {% if TICKET.reply[0].id is defined %}
        <div class="row">
          
            <div class="col-md-12 grid-margin stretch-card">
              <div class="card">
                <div class="card-body">
                 <h4 class="card-title">Geri Bildirim</h4> 
                 <div class="card-content">
                       
                       {{ TICKET.reply[0].content|raw }}

                 </div>
                </div>
              </div>
            </div>
          </div>
     {% endif %}
        <!-- 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 %}