@extends('master')

 @section('title')
    {{$title}}
@endsection

@section('content')


<div class="mx-auto bg-white p-8 rounded-lg shadow-md">
    <h1 class="text-3xl w-fit mx-auto font-bold mb-6 text-blue-300"> {{ $heading }}</h1>
    <form action="{{ url('admin/update')}}/{{$data->id}}" method="POST" enctype="multipart/form-data" class="space-y-6">
      @csrf
      <div>
        <label for="program_name" class="block text-sm font-medium text-gray-700">Program Name</label>
        <input 
          type="text" 
          id="program_name" 
          name="program_name" 
          value="{{ $data->program_name }}" 
          class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" 
          required>
      </div>

      <!-- Short Name -->
      <div>
        <label for="short_name" class="block text-sm font-medium text-gray-700">Short Name</label>
        <input 
          type="text" 
          id="short_name" 
          name="short_name" 
          value="{{ $data->short_name }}" 

           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" 
          required>
      </div>
      <div>
        <label for="program_name" class="block text-sm font-medium text-gray-700">Faculty</label>
        <select 
        id="type" 
        name="faculty" 
        class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" required>
        @foreach ($faculty as $item)
          <option value="{{$item->id}}" {{ old('faculty') == $item->id ? 'selected' : '' }}>{{$item->faculty_name}}</option>
        @endforeach

      </select>
      </div>
      <!-- Type -->
      <div>
        <label for="type" class="block text-sm font-medium text-gray-700">Type</label>
        <select 
          id="type" 
          name="type" 
          class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
          <option value="1" {{ old('type') == '1' ? 'selected' : '' }}>Academic</option>
          <option value="0" {{ old('type') == '0' ? 'selected' : '' }}>Non-Academic</option>
        </select>
      </div>

      <!-- Thumbnail -->
      <div>
        <input type="hidden" value="{{ $data->thumbnail }}"  name="thumb" id="">
        <label for="thumbnail" class="block text-sm font-medium text-gray-700">Thumbnail</label>
        <input 
          type="file" 
          id="thumbnail" 
          name="thumbnail" 
        
          accept="image/*" 
          class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
      </div>
 
      <!-- Description -->
      <div>
        <label for="description" class="block text-sm font-medium text-gray-700">Description</label>
        <textarea 
          id="description" 
          name="description" 
           rows="4" 
          class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"> {{ $data->description }}</textarea>
      </div>

      <!-- Header Image -->
      <div>
        <label for="header_image" class="block text-sm font-medium text-gray-700">Header Image</label>
        <input type="hidden" value="{{ $data->header_image }}"   name="h_image" id="">

        <input 
          type="file" 
          id="header_image" 
          name="header_image" 

          accept="image/*" 
          class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
      </div>

      <!-- ESTD -->
      <div class="row">
          <div class="col-md-2">
            <label for="estd" class="block text-sm font-medium text-gray-700">Established Year</label>
            <input 
              type="number" 
              id="estd" 
              name="estd" 
              value="{{ $data->estd }}" 
              min="1900" 
              max="2099" 
              step="1" 
              class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
          </div>
          <div class="col-md-2">
            <label for="estd" class="block text-sm font-medium text-gray-700">Total Seats</label>
            <input 
              type="number" 
              id="seats" 
              name="seats" 
              value="{{ $data->seats }}" 
              min="1" 
              max="500" 
              step="1" 
              class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
          </div>
          <div class="col-md-2">
            <label for="estd" class="block text-sm font-medium text-gray-700">Course Duration</label>
            <input 
              type="number" 
              id="years" 
              name="years" 
              value="{{ $data->years }}" 
              min="2" 
              max="4" 
              step="1" 
              placeholder="in Years"
              class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
          </div>

          <!-- Status -->
          <div class="col-md-2">
            <label for="status" class="block text-sm font-medium text-gray-700">Status</label>
            <select 
              id="status" 
              name="status" 
              class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
              <option value="1" {{ old('status') == '1' ? 'selected' : '' }}>publish</option>
              <option value="0" {{ old('status') == '0' ? 'selected' : '' }}>Unpublish</option>
            </select>
          </div>
      </div>
      <!-- Submit Button -->
      <div>
        <button 
          type="submit" 
          class="w-fit bg-indigo-600 text-white py-2 px-4 rounded-md shadow-md hover:bg-indigo-700 focus:ring-2 focus:ring-indigo-500 focus:outline-none">
          {{ $submit }}
        </button>
      </div>
    </form>
  </div>

@endsection