<turbo-stream action="replace" target="modal"><template>
  <turbo-stream action='set_modal_in_url' modal_url='/admin/vale/review_renewal/8/enter_details'></turbo-stream>
  <turbo-frame id='modal'>
    <form data-turbo-frame="_top" action="/admin/vale/review_renewal/8/enter_details" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="put" autocomplete="off" /><input type="hidden" name="authenticity_token" value="k8JlFXeuMLjnsTX537d3oK4YZShj7_XnkTFgOAYqZPH8twi_QlJRSLwqea9scOcxiW_pmiuekXBakpdBFrstbg" autocomplete="off" />
      <div class="fixed inset-0 z-30 bg-gray-500/75 transition-opacity" aria-hidden="true"></div>
<div class="fixed inset-0 z-30 overflow-y-auto flex items-center justify-center" >
  <div class="max-h-screen w-full max-w-4xl relative">
    <div class="p-8 m-1 bg-white rounded shadow">
      
        <div class="flex justify-between gap-x-4 items-start">
          <h1 class="text-2xl font-bold text-gray-900">Review renewal — Russel Family</h1>
          <div class='flex text-gray-500 rounded-full p-1 hover:bg-gray-100'>
            <button name="cancel" type="submit" value="cancel">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor" class="h-5 w-5">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>

</button>          </div>
        </div>

        <div class="p-4 border-2 rounded bg-white mt-4 mb-6">
          <div class='italic mt-1 mb-4 text-sm'>
            Renewal submitted at 7:49pm on Wed 7th Oct, 2026
            <br>
            Membership currently expires on 7th Nov, 2026
          </div>

          <div class="flex flex-wrap gap-x-6 gap-y-4 items-center mb-4">
            <div class="text-sm text-gray-500">Phone: <span class="text-black">029 8732756</span></div>
            <div class="text-sm text-gray-500">Email: <span class="text-black">updated3@example.com</span></div>
            <div class="text-sm text-gray-500">Address: <span class="text-black">617 Francine Rapid, Apt. 214, Apt. 530, Port Lilafort, ox91vg</span></div>
            <div class="text-sm text-gray-500">Eligibility: <span class="text-black">Universal Credit, Personal Independence Payment, Strength and Needs assessment, Disadvantaged 2 year-old funding, Refugee, Asylum Seeker</span></div>
            <div class="text-sm text-gray-500">Communication difficulties: <span class="text-black">Yes (A facere minima aliquid suscipit.)</span></div>
              <div class="text-sm text-gray-500">Communication preferences: <span class="text-black">Communication via phone where possible</span></div>
          </div>

          <div class="text-sm text-gray-500 mb-1">Household:</div>
          <ul class="text-sm text-black space-y-1">
              <li>
                Booker Russel
                <span class="text-gray-500">(29th Aug, 2004 — 17 and over)</span>
              </li>
              <li>
                Leonida Russel
                <span class="text-gray-500">(17th Nov, 1973 — 17 and over)</span>
              </li>
              <li>
                New Russel
                <span class="text-gray-500">(7th Oct, 2024 — Less than 5)</span>
                  <span class="text-green-600 font-medium">— new</span>
              </li>
          </ul>
        </div>

        

        <div class="pb-8 mb-8 border-b border-gray-200"><div><h3 class="text-md leading-6 font-medium text-gray-900"></h3></div><div class="mt-6 grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-6">
          <div class="sm:col-span-6"><div class="flex text-sm font-medium text-gray-700"><div><div class="flex"><label for="enter_details_form_outcome">Is the family eligible for renewal?</label><div class="ml-1 text-red-500">*</div></div></div></div><div class="flex flex-row flex-wrap justify-start mt-3">
              <div class="flex items-center sm:col-span-6"><div class=""><input class="form-radio h-5 w-5 my-2 ml-1 mr-2 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 border-gray-400" type="radio" value="yes" name="enter_details_form[outcome]" id="enter_details_form_outcome_yes" /></div><div class="pr-10"><div class="flex text-sm font-medium text-gray-700"><div><div class="flex"><label for="enter_details_form_outcome_yes">Yes</label></div></div></div><p class="text-xs text-gray-400"></p></div></div>
              <div class="flex items-center sm:col-span-6"><div class=""><input class="form-radio h-5 w-5 my-2 ml-1 mr-2 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 border-gray-400" type="radio" value="no" name="enter_details_form[outcome]" id="enter_details_form_outcome_no" /></div><div class="pr-10"><div class="flex text-sm font-medium text-gray-700"><div><div class="flex"><label for="enter_details_form_outcome_no">No</label></div></div></div><p class="text-xs text-gray-400"></p></div></div>
              <div class="flex items-center sm:col-span-6"><div class=""><input class="form-radio h-5 w-5 my-2 ml-1 mr-2 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 border-gray-400" type="radio" value="spam_or_test" name="enter_details_form[outcome]" id="enter_details_form_outcome_spam_or_test" /></div><div class="pr-10"><div class="flex text-sm font-medium text-gray-700"><div><div class="flex"><label for="enter_details_form_outcome_spam_or_test">Spam or test</label></div></div></div><p class="text-xs text-gray-400"></p></div></div>
</div><p class="mt-1 text-sm text-red-600"></p><p class="mt-1 text-xs text-gray-400"></p></div></div></div>
        <div class="mt-4 mb-6">
          <div class="rounded-md p-4 shadow bg-blue-50">
  <div class="flex">
    <div class="flex-shrink-0">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor" aria-hidden="true" class="h-5 w-5 text-blue-400">
  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
</svg>

    </div>
    <div class="ml-3 flex-1">
      <h3 class="text-sm font-semibold text-blue-800">
        If you accept, the membership is extended by 5 years and the family is added to the Cards queue, ready for you to print and send their new cards.      </h3>

    </div>
  </div>
</div>

        </div>

        <div><div class="flex flex-col-reverse space-y-4 space-y-reverse sm:justify-end sm:flex-row sm:space-y-0 sm:space-x-3">
          <div class="flex-grow"></div>
          <div><button name="cancel" type="submit" value="cancel" class="py-2 px-4 inline-flex justify-start text-blue-500 hover:text-blue-700 text-sm font-medium underline">Cancel</button></div>
          <div><button name="button" type="submit" data-turbo-submits-with="Please wait..." class="inline-flex justify-center py-2 px-4 border shadow-sm text-sm font-medium rounded-md border-transparent text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">Submit</button></div>
</div></div>
    </div>
  </div>
</div>
</form>  </turbo-frame>
</template></turbo-stream>