@extends('user.layouts.user')
@section('title', 'التذاكر')
@section('content')
<section class="main-section py-5">
  <div class="container">
    <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="bg-content">
      <div class="d-flex align-items-center justify-content-between mb-4">
        <p class="sm-des mb-0"> <span class="me-1">44</span> تذاكر متاحة</p>
        <a href="{{ route('create-ticket') }}" class="btn-main-sm">
          إنشاء تذكرة جديدة
          <i class="fa-solid fa-ticket"></i>
        </a>
      </div>
      <div class="blocks-tickets">
        <div class="box-ticket">
          <div class="info">
            <div class="date">
              <i class="fa-solid fa-calendar-days"></i>
              منذ ثانية
            </div>
            <p class="content">
              عنوان التذكرة
            </p>
          </div>
          <div class="options">
            <button class="btn-light btn-light-green">مفتوحة</button>
            <button class="btn-light btn-light-purple">تم الرد</button>
            <button class="btn-light btn-light-red">مغلقة</button>
            <button class="btn-light">رساله جديدة</button>
            <a href="{{ route('show-ticket') }}" class="btn-main-sm">
              عرض
              <i class="fas fa-long-arrow-alt-left"></i>
            </a>
          </div>
        </div>
        <div class="box-ticket">
          <div class="info">
            <div class="date">
              <i class="fa-solid fa-calendar-days"></i>
              منذ ثانية
            </div>
            <p class="content">
              عنوان التذكرة
            </p>
          </div>
          <div class="options">
            <button class="btn-light btn-light-green">مفتوحة</button>
            <button class="btn-light btn-light-purple">تم الرد</button>
            <button class="btn-light btn-light-red">مغلقة</button>
            <button class="btn-light">رساله جديدة</button>
            <a href="{{ route('show-ticket') }}" class="btn-main-sm">
              عرض
              <i class="fas fa-long-arrow-alt-left"></i>
            </a>
          </div>
        </div>
        <div class="box-ticket">
          <div class="info">
            <div class="date">
              <i class="fa-solid fa-calendar-days"></i>
              منذ ثانية
            </div>
            <p class="content">
              عنوان التذكرة
            </p>
          </div>
          <div class="options">
            <button class="btn-light btn-light-green">مفتوحة</button>
            <button class="btn-light btn-light-purple">تم الرد</button>
            <button class="btn-light btn-light-red">مغلقة</button>
            <button class="btn-light">رساله جديدة</button>
            <a href="{{ route('show-ticket') }}" class="btn-main-sm">
              عرض
              <i class="fas fa-long-arrow-alt-left"></i>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection