@foreach($tuitions as $t)
<div class="row">
  <div class="col-lg-12 col-md-12">
    <div class="card">
      <div class="card-header card-header-success">
        <h4 class="card-title bold">
          Tuition # {{ $t->unique_id }}
          @if($t->price)
          <span class="pull-right price-tag">Rs {{ $t->price }} <small>Per Month</small></span>
          @endif
        </h4>
        <p class="card-category bold">{{ date('d F h:ia', strtotime($t->created_at)) }}</p>
      </div>
      <div class="card-body">
        <div class="row col-md-12">
          <table class="table tuition-detail">
            <tbody>
              <tr>
                <th class="text-success" width="30%">Name</th>
                <td width="70%">{{ $t->student->name }}</td>
              </tr>
              @foreach(explode('|', $t->class) as $c)
              <tr>
                <th class="text-success" width="30%">Class</th>
                <td width="70%">{{ $c }}</td>
              </tr>
              @endforeach
              <tr>
                <th class="text-success" width="30%">Area</th>
                <td width="70%">{{ $t->location ?: 'NaN' }}</td>
              </tr>
              <tr>
                <th class="text-success" width="30%">REQs</th>
                <td width="70%">{{ $t->requirements }}</td>
              </tr>
            </tbody>
          </table>
          <table class="table tuition-detail">
            <tbody>
              <tr>
                <th class="text-success" width="30%">Phone #</th>
                <td width="70%">{{ $t->student->phone }}</td>
              </tr>
              @foreach(explode('|', $t->subjects) as $s)
              <tr>
                <th class="text-success" width="30%">Subjects</th>
                <td width="70%">{{ $s }}</td>
              </tr>
              @endforeach
              <tr>
                <th class="text-success" width="30%">Address</th>
                <td width="70%">{{ $t->address }}</td>
              </tr>
              <tr>
                <th class="text-success" width="30%">Details</th>
                <td width="70%">{{ $t->detail }}</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="row col-md-12">
          @if($t->teacher_id)
          <h5 class="col-md-12 bold" style="padding-left: 8px;"><i class="fa fa-arrow-right"></i> TUTOR INFORMATION</h5>
          <table class="table tuition-detail">
            <tbody>
              <tr>
                <th class="text-success" width="30%">Name</th>
                <td width="70%">
                  {{ $t->teacher->user->name }}
                  <a class="text-info" href="{{ route('tutor.detail', $t->teacher->slug) }}" target="_blank"><small class="bold">
                     View Full Profile
                  </small></a>
                </td>
              </tr>
              @if($t->status)
              <tr>
                <th class="text-success" width="30%">Gender</th>
                <td width="70%">{{ $t->teacher->gender ? 'Male' : 'Female' }}</td>
              </tr>
              @endif
            </tbody>
          </table>
          <table class="table tuition-detail">
            <tbody>
              @if($t->status)
              <tr>
                <th class="text-success" width="30%">Phone</th>
                <td width="70%">{{ $t->teacher->user->phone }}</td>
              </tr>
              @endif
              <tr>
                <th class="text-success" width="30%">Qualification</th>
                <td width="70%">{{ $t->teacher->qualification }}</td>
              </tr>
            </tbody>
          </table>
          @endif
          @if($t->status == 0)
          <p class="alert alert-info tuition-status-alert">
            UNDER PROCESSING
          </p>
          @elseif($t->status == 1)
          <a class="btn btn-success apply-btn action-url" href="{{ route('start.trial', $t->unique_id) }}">Start Trial</a>
          @elseif($t->status == 2 && diffInDays($t->created_at) >= 2)
          <button class="btn btn-danger apply-btn" data-toggle="modal" data-target="#review-popup" data-type="reject" data-uid="{{ $t->unique_id }}">Reject Tutor</button>
          @elseif($t->status == 3)
          @if($t->reviews->where('teacher_id', $t->teacher_id)->count() == 0)
          <button class="btn btn-success apply-btn" data-toggle="modal" data-target="#review-popup" data-type="review" data-uid="{{ $t->unique_id }}">Your Review About Tutor</button>
          @endif
          @elseif($t->status == 4)
          <p class="alert alert-info tuition-status-alert">
            We will arange you another tutor as soon as possible.
          </p>
          @endif
        </div>
      </div>
    </div>
  </div>
</div>
@endforeach
<div class="modal fade" id="review-popup" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header bg-success">
                <h4 class="text-white bold uppercase mb-0">
                    Your Review About Tutor
                </h4>
            </div>
            <div class="modal-body">
                <form method="post" action="{{ route('give.review') }}" class="mb-0">
                    @csrf
                    <input type="hidden" name="unique_id">
                    <input type="hidden" name="rejection">
                    <div class="form-group">
                        <label class="bold">Rating</label>
                        <select class="form-control select2" name="rating">
                          <option value="1">1 Star</option>
                          <option value="2">2 Stars</option>
                          <option value="3">3 Stars</option>
                          <option value="4">4 Stars</option>
                          <option value="5">5 Stars</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="bold">Your Review</label>
                        <textarea name="review" class="form-control" rows="3" placeholder="Your Review"></textarea>
                    </div>
                    <button class="btn btn-success bold btn-sm">Continue</button>
                    <button class="btn btn-default bold btn-sm" data-dismiss="modal" type="button">Close</button>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
  $('[data-target="#review-popup"]').click(function(){
    $('#review-popup [name="unique_id"]').val($(this).data('uid'));
    if($(this).data('type') == "reject")
      $('[name="rejection"]').val("1");
  });
</script>