@vite(['resources/css/app.css', 'resources/css/style.css', 'resources/js/app.js'])


<div class="max-w-xl mx-auto bg-white rounded-lg shadow-md p-6">
    <!-- Assignment Details Header -->
    <div class="flex justify-between items-center mb-4">
      <h2 class="text-lg font-semibold">Assignment Details {{ $parentRequests->pluck('assignment_code')->implode(', ') }}
      </h2>
      <a href="{{ url()->previous() }}" class="text-red-500 font-bold">❌ Cancel</a>
    </div>
    
    <!-- Assignment Info -->
    @foreach ($parentRequests as $parentRequest)
    <div class="p-4 mb-4 border-b border-gray-300">
        <p class="text-gray-700 text-sm">
        <ul>
                    <li><strong>Subject:</strong> {{ $parentRequest->grade->short_name ?? $parentRequest->grade->name }} - {{ $parentRequest->subject_id != 'null' ? $parentRequest->subject_names->implode(', '):'' }}{{ $parentRequest->specify_subject ? ', ' . $parentRequest->specify_subject : '' }} ({{ $parentRequest->student_school }})</li>
                    <li><strong>Tutor Type:</strong> {{ ucfirst($parentRequest->gender_preference) }} {{ $parentRequest->tutorToParent->map(function ($item) { return $item->tutorType->name . ' (' . $item->tutorPrice->amount . ')';})->implode(', ') }}</li>
                    <li><strong>Rate:</strong> {{ $parentRequest->budget }}</li>
                    <li><strong>Frequency:</strong> {{ $parentRequest->duration }} x {{ $parentRequest->frequency }}</li>
                    <li><strong>Available on:</strong> {{ $parentRequest->available_timings }}</li>
                    <li><strong>Start:</strong> {{ Carbon\Carbon::parse($parentRequest->start_date)->format('d M Y') }}</li>
                    @if($parentRequest->address)
                    <li><strong>Address:</strong> {{ $parentRequest->address }}</li>
                    @endif
                    @if($parentRequest->bilingual_needs != 'no_preference')
                    <li><strong>Bilingual Requirement:</strong> Tutor to be Bilingual in English and {{ $parentRequest->bilingual_needs }}</li>
                    @endif
                    <li><strong>Lesson Type:</strong> {{ ucfirst($parentRequest->mode) }} lessons</li>
                    <li><strong>Additional Notes:</strong> {{ $parentRequest->remarks }}</li>
                </ul>
        </p>
    </div>
@endforeach

  <form action="{{route('apply.update',$assignmentId)}}" method="POST">
    @csrf
    @method('PATCH')
    <!-- Why should you be chosen Section -->
    <div class="bg-green-100 p-4 mt-4 border border-green-500 rounded-lg">
      <h3 class="font-bold text-black-500">Your profile has been pre-filled based on the description when you registered as tutor. Please update accordingly to suit this assignment and leave it in bullet points:</h3>
     
      <textarea class="w-full mt-2 p-2 border border-gray-300 rounded-md" name="tutor_updated_short_description" rows="4" placeholder="Please Fill in Point Form">{{$tutor->short_introduction}}</textarea>
    </div>
  
    <!-- Available Days & Timings Section -->
    <div class="mt-6">
      <p class="font-bold text-sm">Tutor Availability:</p>
      {{-- <div class="flex items-center mt-2">
        <input type="checkbox" id="match-timings" class="mr-2">
        <label for="match-timings" class="text-sm">As Requested (I'm Able To Match Above Timings)</label>
        <button class="ml-auto text-blue-500">Reset</button>
      </div> --}}
  @php
      $weeks = array('Mon','Tue','Wed','Thu','Fri','Sat','Sun')
  @endphp
      <div class="mt-4">
        <!-- Day Selection with Time -->

        @foreach ($weeks as $week )
        <label class="flex items-center">
            <input type="checkbox" class="mr-2">
            <span>{{$week}}</span>
            <input type="text" name="tutor_availability_timing[{{$week}}]" value="" class="ml-2 p-1 border border-gray-300 rounded-md w-32" placeholder="7:30-9:30pm">
          </label>
        @endforeach
      
        <!-- Add other days similarly... -->
      </div>
    </div>
  
    <!-- Rate Section -->
    <div class="mt-4">
      <label class="block text-sm font-bold mb-1">Rate:</label>
      <input type="number" class="w-full p-2 border border-gray-300 rounded-md" name="per_hour_price" placeholder="$/Hour">
    </div>
  
    <!-- Face-to-Face Confirmation Section -->
    <!-- <div class="mt-4">
      <label class="block font-bold text-sm">Please confirm you are able to teach Face-to-Face lessons:</label>
      <div class="flex items-center mt-2">
        <label class="flex items-center mr-4">
          <input type="radio" name="mode" class="mr-2"> Yes
        </label>
        <label class="flex items-center">
          <input type="radio" name="mode" class="mr-2"> No
        </label>
      </div>
    </div> -->
  
    <!-- Submit Button -->
    <button type="submit" class="w-full mt-6 bg-blue-500 text-white py-2 rounded-lg hover:bg-blue-600 transition">
      Submit
    </button>
  </form>
  </div>