@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="row g-3">
        <div class="col-sm-6 col-md-4 col-lg-3">
          <label for="" class="small-label">عنوان التذكرة</label>
          <input type="text" class="form-control">
        </div>

        <div class="col-sm-6 col-md-4 col-lg-3">
          <label for="" class="small-label">النوع</label>
          <select name="" id="" class="main-select w-100">
            <option value="">اختر النوع</option>
          </select>
        </div>

        <div class="col-12 col-md-12 m-0">
            <hr class="m-0 border-0 bg-transparent">
        </div>

        <div class="col-12 col-md-6">
            <label for="" class="small-label">وصف الخدمة</label>
            <textarea name="" id="" rows="5" class="form-control"></textarea>
        </div>
        <div class="col-12 col-md-12 m-0">
            <hr class="m-0 border-0 bg-transparent">
        </div>

        <div class="col-12 col-md-6">
            <label for="" class="small-label">المرفقات</label>
            <input type="file" class="form-control">
        </div>

        <div class="col-12 col-md-12">
          <button type="submit" class="btn btn-success btn-sm px-4 mt-3">إنشاء التذكرة</button>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection