@extends('user.layouts.user')
@section('title', 'معاينة التذكرة')
@section('content')
<section class="py-5">
  <div class="container">
    <div class="row g-4 justify-content-center">
      <div class="col-12 col-lg-11">
        <div class="bg-content">
          <div class="holder d-flex align-items-center justify-content-between mb-4">
            <h4 class="main-heading mb-0">إسم التذكرة</h4>
            <a href="{{ route('profile.edit') }}" class="btn btn-sm px-3 btn-secondary">الحساب الشخصي <i
                class="fa-solid fa-angle-left"></i></a>
          </div>
          <div class="blocks-tickets mb-4">
            <div class="box-ticket flex-column">
              <div class="info flex-row w-100 align-items-center gap-3">
                <div class="date">
                  رقم التذكرة : 22
                </div>
                <div class="date">
                  <i class="fa-solid fa-calendar-days"></i>
                  24-06-2023
                </div>
                <div class="date">
                  <i class="fa-solid fa-clock"></i>
                  منذ 29 دقيقة
                </div>
                <button class="btn-light btn-light-green">مفتوحة</button>
                <button class="btn-light btn-light-purple">تم الرد</button>
                <button class="btn-light btn-light-red">مغلقة</button>
                <hr class="w-100 mt-0 mb-2" style="opacity: 0.2;">
              </div>
              <div class="content w-100">
                <p class="content mb-0">
                  تذكرة للتجربة وهذا هو عنوان التذكرة تذكرة للتجربة وهذا هو عنوان التذكرة تذكرة للتجربة وهذا هو عنوان
                  التذكرة تذكرة للتجربة وهذا هو عنوان التذكرة تذكرة للتجربة وهذا هو عنوان التذكرة
                </p>
                <a target="_blank" href="#" class="btn btn-success btn-sm mt-3">تحميل
                  المرفق</a>
              </div>
            </div>
            <div class="box-ticket flex-column">
              <div class="info flex-row w-100 align-items-center gap-3">
                <div class="date">
                  رقم التذكرة : 22
                </div>
                <div class="date">
                  <i class="fa-solid fa-calendar-days"></i>
                  24-06-2023
                </div>
                <div class="date">
                  <i class="fa-solid fa-clock"></i>
                  منذ 29 دقيقة
                </div>
                <hr class="w-100 mt-0 mb-2" style="opacity: 0.2;">
              </div>
              <div class="content w-100">
                <p class="content mb-0" style="white-space: pre-line">
                  تذكرة للتجربة وهذا هو عنوان التذكرة تذكرة للتجربة وهذا هو عنوان التذكرة تذكرة للتجربة وهذا هو عنوان
                </p>
                <a target="_blank" href="#" class="btn btn-success btn-sm mt-3">تحميل
                  المرفق</a>
              </div>
            </div>
          </div>
          <form action="" method="post" class="row g-3">
            @csrf
            <div class="col-12">
              <div class="inp-holder">
                <textarea name="comment" placeholder="أكتب تعليقك" class="form-control" rows="5" id=""></textarea>
              </div>
            </div>
            <div class="col-12 col-md-12">
              <div class="btn-holder">
                <button type="submit" class="btn btn-sm btn-primary px-3">إرسال</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

@endsection