%PDF- %PDF-
Direktori : /home/vacivi36/vittasync.vacivitta.com.br/vittasync/resources/views/ |
Current File : /home/vacivi36/vittasync.vacivitta.com.br/vittasync/resources/views/dependents.blade.php |
<x-app-layout> <!-- Header --> <x-slot name="header"> <h2 class="font-semibold text-center text-xl text-gray-800 dark:text-gray-200 leading-tight lg:flex lg:justify-between lg:ml-1 md:mr-2 md:flex md:justify-between md:ml-1 md:mr-2 items-center"> {{ __('Sistema de Adesão - Vacivitta') }} <div class="grid grid-cols-2 gap-4 grid-rows-1 items-center"> @php $access = new \Carbon\Carbon($access->where('id', 1)->get('date_access')); @endphp @if ($access >= \Carbon\Carbon::now()->subDays(7)) @if (Auth::user()->vaccin_confirm == 0) <div class="col-span-2"> <a type="submit" data-modal-target="confirmD-modal" data-modal-toggle="confirmD-modal" class=" text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-3.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800">Confirmar Vacinação</a> </div> @else <div class="col-span-2"> <a data-modal-target="unconfirmD-modal" data-modal-toggle="unconfirmD-modal" class="text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-3.5 text-center dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800">Desfazer Confirmação</a> </div> @endif @endif <div class="col-end-6 col-span-2 mb-1"> <a href="{{ asset('bula_vaxigrip_tetra.pdf') }}" download="bula_vaxigrip_tetra.pdf" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-3.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"> Bula da vacina</a> </div> </div> </h2> </x-slot> <!-- Alert message from controller store --> @if (session()->has('message') && session()->get('type') == 'danger') <div x-data="{ show: true }" x-init="ssetTimeout(() => show = false, 5000)" x-show="show"> <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 mt-8"> <div role="alert"> <div class="bg-red-500 text-white font-bold rounded-t px-4 py-2"> Erro </div> <div class="border border-t-0 border-red-400 rounded-b bg-white dark:bg-gray-800 px-4 py-3 text-gray-900 dark:text-gray-100"> {{ session()->get('message') }} </div> </div> </div> </div> @endif @if (session()->has('message') && session()->get('type') == 'success') <div x-data="{ show: true }" x-init="setTimeout(() => show = false, 5000)" x-show="show"> <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 mt-8"> <div role="alert"> <div class="bg-green-500 text-white font-bold rounded-t px-4 py-2"> Sucesso </div> <div class="border border-t-0 border-green-400 rounded-b bg-white dark:bg-gray-800 px-4 py-3 text-gray-900 dark:text-gray-100"> {{ session()->get('message') }} </div> </div> </div> </div> @endif <!-- Hero User --> <div class="grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto sm:px-6 lg:px-8 mt-8"> <!-- User card --> <div class="row-span-3 text-gray-700 dark:text-gray-100 bg-white dark:bg-gray-800 shadow-md bg-clip-border rounded-xl"> <div class="p-6"> <div class="grid grid-rows-3 grid-flow-col gap-4"> <div class="w-20 h-20 row-span-3"> <svg xmlns="http://www.w3.org/2000/svg" height="60" fill="currentColor" viewBox="0 -960 960 960" width="60"> <path d="m320-60-80-60v-160h-40q-33 0-56.5-23.5T120-360v-300q-17 0-28.5-11.5T80-700q0-17 11.5-28.5T120-740h120v-60h-20q-17 0-28.5-11.5T180-840q0-17 11.5-28.5T220-880h120q17 0 28.5 11.5T380-840q0 17-11.5 28.5T340-800h-20v60h120q17 0 28.5 11.5T480-700q0 17-11.5 28.5T440-660v300q0 33-23.5 56.5T360-280h-40v220ZM200-360h160v-60h-70q-12 0-21-9t-9-21q0-12 9-21t21-9h70v-60h-70q-12 0-21-9t-9-21q0-12 9-21t21-9h70v-60H200v300ZM600-80q-33 0-56.5-23.5T520-160v-260q0-29 10-48t21-33q11-14 20-22.5t9-16.5v-20q-17 0-28.5-11.5T540-600q0-17 11.5-28.5T580-640h200q17 0 28.5 11.5T820-600q0 17-11.5 28.5T780-560v20q0 8 10 18t22 24q11 14 19.5 33t8.5 45v260q0 33-23.5 56.5T760-80H600Zm0-320h160v-20q0-15-9-26t-20-24q-11-13-21-29t-10-41v-20h-40v20q0 24-9.5 40T630-471q-11 13-20.5 24.5T600-420v20Zm0 120h160v-60H600v60Zm0 120h160v-60H600v60Zm0-120h160-160Z" /> </svg> </div> @if (Auth::user()->vaccine_id == 1) <a class="col-span-2 bg-green-600 py-1 px-2 rounded-lg text-sm text-white text-center cursor-default">Apto à vacinação</a> @elseif (Auth::user()->vaccine_id == 0) <a class="col-span-2 bg-red-500 py-1 px-2 rounded-lg text-sm text-white text-center cursor-default">Inapto à vacinação</a> @endif <div class="row-span-2 col-span-1"></div> @if (Auth::user()->vaccine_id == 1) <a class="col-span-1 bg-blue-500 py-1 px-2 rounded-lg text-sm text-white text-center cursor-default">1 Dose</a> @endif </div> <h5 class="block mb-5 font-sans text-xl antialiased font-semibold leading-snug tracking-normal text-blue-gray-900 cursor-default"> {{ Auth::user()->name }} {{ Auth::user()->last_name }} </h5> <p class="block font-sans text-base antialiased font-light leading-relaxed text-inherit cursor-default"> CPF: {{ Auth::user()->cpf }} </p> <p class="block font-sans text-base antialiased font-light leading-relaxed text-inherit cursor-default"> Data de Nascimento: {{ \Carbon\Carbon::parse(Auth::user()->birth_date)->format('d/m/Y') }} </p> <p class="mt-4 font-semibold block font-sans text-base antialiased leading-relaxed text-inherit cursor-default"> @php if (Auth::user()->vaccine_id == 1) { if ($unit->count() > 0) { foreach ($unit->where('is_corp', 0) as $ru) { if (Auth::user()->unit_id == $ru->id) { echo 'Unidade de vacinação: ' . $ru->city . ', ' . $ru->name; } } } } @endphp </p> </div> @if ($access >= \Carbon\Carbon::now()->subDays(7)) @if (Auth::user()->vaccin_confirm == 0) <div class="grid grid-cols-4 gap-14"> <div class="p-6 pt-0 col-span-3"> @if (Auth::user()->vaccine_id == 0) <div class="col-end-4 mb-2 col-span-2"> <a type="submit" data-modal-target="confirmC-modal" data-modal-toggle="confirmC-modal" class="cursor-pointer text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-3.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800">Realizar Adesão</a> </div> @elseif (Auth::user()->vaccine_id == 1) <div class="col-end-4 mb-2 col-span-2"> <a type="submit" data-modal-target="unconfirmU-modal" data-modal-toggle="unconfirmU-modal" class="cursor-pointer text-white bg-red-500 hover:bg-red-600 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-3.5 text-center dark:bg-red-500 dark:hover:bg-red-600 dark:focus:ring-red-800">Desfazer Adesão</a> </div> @endif </div> </div> @endif @endif </div> <!-- Card qnt doses --> <div class="row-span-2 text-gray-900 dark:text-gray-100 bg-white dark:bg-gray-800 shadow-md bg-clip-border rounded-xl "> <div class="p-6 "> <h5 class="block mb-5 font-sans text-xl antialiased font-semibold leading-snug tracking-normal text-blue-gray-900 cursor-default"> {{ __('Doses a serem vacinadas') }} </h5> <p class="block font-sans text-md antialiased font-light leading-relaxed text-inherit cursor-default"> @php $dateD = date('Y-m-d', strtotime('-9 years')); $totalVaccinIds = 0; foreach ($dependent as $rs) { if ($rs->birth_date >= $dateD && $rs->vaccine_id == 1) { $totalVaccinIds = $totalVaccinIds + 2; } } foreach ($dependent as $rs) { if ($rs->birth_date < $dateD && $rs->vaccine_id == 1) { $totalVaccinIds = $totalVaccinIds + 1; } } @endphp Total de doses: {{ $totalVaccinIds + Auth::user()->vaccine_id }} </p> </div> </div> </div> <!-- Alert top--> <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 my-8"> <h5 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight flex justify-between ml-1 mr-2 items-center"> {{ __('Dependentes') }} </h5> </div> <!-- List of dependents --> <div class="grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto sm:px-6 lg:px-8 mt-8"> @if ($dependent->count() > 0) @foreach ($dependent as $rs) <div class="relative flex flex-col text-gray-700 dark:text-gray-100 bg-white dark:bg-gray-800 shadow-md bg-clip-border rounded-xl w-100"> <div class="p-6"> <div class="grid grid-rows-3 grid-flow-col gap-4"> <div class="w-20 h-20 row-span-3"> <svg xmlns="http://www.w3.org/2000/svg" height="60" fill="currentColor" viewBox="0 -960 960 960" width="60"> <path d="m320-60-80-60v-160h-40q-33 0-56.5-23.5T120-360v-300q-17 0-28.5-11.5T80-700q0-17 11.5-28.5T120-740h120v-60h-20q-17 0-28.5-11.5T180-840q0-17 11.5-28.5T220-880h120q17 0 28.5 11.5T380-840q0 17-11.5 28.5T340-800h-20v60h120q17 0 28.5 11.5T480-700q0 17-11.5 28.5T440-660v300q0 33-23.5 56.5T360-280h-40v220ZM200-360h160v-60h-70q-12 0-21-9t-9-21q0-12 9-21t21-9h70v-60h-70q-12 0-21-9t-9-21q0-12 9-21t21-9h70v-60H200v300ZM600-80q-33 0-56.5-23.5T520-160v-260q0-29 10-48t21-33q11-14 20-22.5t9-16.5v-20q-17 0-28.5-11.5T540-600q0-17 11.5-28.5T580-640h200q17 0 28.5 11.5T820-600q0 17-11.5 28.5T780-560v20q0 8 10 18t22 24q11 14 19.5 33t8.5 45v260q0 33-23.5 56.5T760-80H600Zm0-320h160v-20q0-15-9-26t-20-24q-11-13-21-29t-10-41v-20h-40v20q0 24-9.5 40T630-471q-11 13-20.5 24.5T600-420v20Zm0 120h160v-60H600v60Zm0 120h160v-60H600v60Zm0-120h160-160Z" /> </svg> </div> @if ($rs->vaccine_id == 1) <a class="col-span-2 bg-green-600 py-1 px-2 rounded-lg text-sm text-white text-center cursor-default">Apto à vacinação</a> @else <a class="col-span-2 bg-red-500 py-1 px-2 rounded-lg text-sm text-white text-center cursor-default">Inapto à vacinação</a> @endif <div class="row-span-2 col-span-1"></div> @if ($rs->vaccine_id == 1) @if ($rs->birth_date >= date('Y-m-d', strtotime('-9 years'))) <a class="col-span-1 bg-blue-500 py-1 px-2 rounded-lg text-sm text-white text-center cursor-default">2 Doses</a> @else <a class="col-span-1 bg-blue-500 py-1 px-2 rounded-lg text-sm text-white text-center cursor-default">1 Dose</a> @endif @else <a></a> @endif </div> <h5 class="block mb-5 font-sans text-xl antialiased font-semibold leading-snug tracking-normal text-blue-gray-900 cursor-default"> {{ $rs->name }} {{ $rs->last_name }} </h5> <p class="block font-sans text-base antialiased font-light leading-relaxed text-inherit cursor-default"> CPF: {{ $rs->cpf }} </p> <p class="block font-sans text-base antialiased font-light leading-relaxed text-inherit cursor-default"> Data de Nascimento: {{ \Carbon\Carbon::parse($rs->birth_date)->format('d/m/Y') }} </p> <p class="mt-4 font-semibold block font-sans text-base antialiased leading-relaxed text-inherit cursor-default"> @php if ($rs->vaccine_id == 1) { if ($unit->where('is_corp', 0)->count() > 0) { foreach ($unit->where('is_corp', 0) as $ru) { if ($rs->unit_id == $ru->id) { echo 'Unidade de vacinação: ' . $ru->city . ', ' . $ru->name; } } } } @endphp </p> </div> @if ($access >= \Carbon\Carbon::now()->subDays(7)) @if (Auth::user()->vaccin_confirm == 0) <div class="grid grid-cols-4 gap-14"> <div class="p-6 pt-0 col-span-3"> @if ($rs->vaccine_id == 0) <div class="col-end-4 mb-2 col-span-2"> <a type="submit" data-modal-target="confirmD-modal?id={{ $rs->id }}" data-modal-toggle="confirmD-modal?id={{ $rs->id }}" class="cursor-pointer text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-3.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800">Realizar Adesão</a> </div> @elseif ($rs->vaccine_id == 1) <div class="col-end-4 mb-2 col-span-2"> <a type="submit" data-modal-target="unconfirmD-modal?id={{ $rs->id }}" data-modal-toggle="unconfirmD-modal?id={{ $rs->id }}" class="cursor-pointer text-white bg-red-500 hover:bg-red-600 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-3.5 text-center dark:bg-red-500 dark:hover:bg-red-600 dark:focus:ring-red-800">Desfazer Adesão</a> </div> @endif </div> </div> @endif @endif </div> @endforeach @endif </div> <!-- Register modal --> <div id="registerD-modal" tabindex="-1" aria-hidden="true" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> <div class="relative p-4 w-full max-w-md max-h-full"> <!-- Modal content --> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <!-- Modal header --> <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600"> <h3 class="text-lg font-semibold text-gray-900 dark:text-white"> Cadastrar novo dependente </h3> <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-toggle="registerD-modal"> <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> </svg> <span class="sr-only">Fechar</span> </button> </div> <!-- Modal body --> <form class="p-4 md:p-5" method="POST" action="{{ route('dashboard.store') }}"> @csrf <div class="grid gap-4 mb-4 grid-cols-2"> <!-- Nome --> <div class="col-span-1"> <label for="name" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Nome</label> <input type="text" name="name" id="name" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" required=""> </div> <!-- Sobrenome id last_name --> <div class="col-span-1"> <label for="last_name" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Sobrenome</label> <input type="text" name="last_name" id="last_name" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" required=""> </div> <!-- CPF id cpf --> <div class="col-span-2"> <label for="cpf" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">CPF</label> <input type="text" name="cpf" id="cpf" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" required=""> </div> <!-- Data de nascimento id birth_date --> <div class="col-span-2"> <label for="birth_date" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Data de nascimento</label> <input type="date" name="birth_date" id="birth_date" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" required=""> </div> <!-- Vacina id vaccine_id --> <label for="vaccine_id" class="block text-sm font-medium text-gray-900 dark:text-white"> <p class="text-sm text-red-500">*Obrigatório </p>Selecione abaixo: </label> <ul class="space-y-4 mb-4 col-span-2"> <li> <input type="radio" id="1" name="vaccine_id" value="1" class="hidden peer" required> <label for="1" class="inline-flex items-center justify-between w-full p-5 text-gray-900 bg-white border border-gray-200 rounded-lg cursor-pointer dark:hover:text-gray-300 dark:border-gray-500 dark:peer-checked:text-green-500 peer-checked:border-green-600 peer-checked:text-green-600 hover:text-gray-900 hover:bg-gray-100 dark:text-white dark:bg-gray-600 dark:hover:bg-gray-500"> <div class="block"> <div class="w-full text-lg font-semibold">Adepto à vacinação</div> </div> </label> </li> <li> <input type="radio" id="2" name="vaccine_id" value="0" class="hidden peer"> <label for="2" class="inline-flex items-center justify-between w-full p-5 text-gray-900 bg-white border border-gray-200 rounded-lg cursor-pointer dark:hover:text-gray-300 dark:border-gray-500 dark:peer-checked:text-red-500 peer-checked:border-red-600 peer-checked:text-red-600 hover:text-gray-900 hover:bg-gray-100 dark:text-white dark:bg-gray-600 dark:hover:bg-gray-500"> <div class="block"> <div class="w-full text-lg font-semibold">Inapto à vacinação</div> </div> </label> </li> </ul> </div> <x-primary-button> {{ __('Incluir dependente') }} </x-primary-button> </form> </div> </div> </div> <!-- Unonfirm D modal --> @if ($dependent->count() > 0) @foreach ($dependent as $rs) <div id="unconfirmD-modal?id={{ $rs->id }}" tabindex="-1" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> <div class="relative p-4 w-full max-w-md max-h-full"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <form action="{{ route('dashboard.confirm', ['confirm' => $rs->id]) }}" method="POST"> @csrf @method('PUT') <input type="hidden" name="vaccine_id" value="0"> <button type="button" class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="unconfirmD-modal?id={{ $rs->id }}"> <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> </svg> <span class="sr-only">Fechar</span> </button> <div class="p-4 md:p-5 text-center"> <svg class="mx-auto mb-4 text-gray-400 w-12 h-12 dark:text-gray-200" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> </svg> <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400"> Tem certeza que deseja cancelar a vacinação?</h3> <h2 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">Dependente: {{ $rs->name }}</h2> <button data-modal-hide="unconfirmD-modal?id={{ $rs->id }}" type="submit" class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center me-2"> Sim, estou certo disso! </button> <button data-modal-hide="unconfirmD-modal?id={{ $rs->id }}" type="button" class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-200 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600">Não, Cancelar</button> </div> </form> </div> </div> </div> @endforeach @endif <!-- Unonfirm U modal --> <div id="unconfirmU-modal" tabindex="-1" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> <div class="relative p-4 w-full max-w-md max-h-full"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <form action="{{ route('register.confirm', ['confirm' => Auth::user()->id]) }}" method="POST"> @csrf @method('PUT') <input type="hidden" name="vaccine_id" value="0"> <button type="button" class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="unconfirmU-modal"> <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> </svg> <span class="sr-only">Fechar</span> </button> <div class="p-4 md:p-5 text-center"> <svg class="mx-auto mb-4 text-gray-400 w-12 h-12 dark:text-gray-200" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> </svg> <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">Tem certeza que deseja cancelar sua vacinação?</h3> <button data-modal-hide="unconfirmU-modal" type="submit" class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center me-2"> Sim, estou certo disso! </button> <button data-modal-hide="unconfirmU-modal" type="button" class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-200 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600">Não, Cancelar</button> </div> </form> </div> </div> </div> <!-- Confirm D modal --> @if ($dependent->count() > 0) @foreach ($dependent as $rs) <div id="confirmD-modal?id={{ $rs->id }}" tabindex="-1" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> <div class="relative p-4 w-full max-w-md max-h-full"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <form action="{{ route('dashboard.confirm', ['confirm' => $rs->id]) }}" method="POST"> @csrf @method('PUT') <input type="hidden" name="vaccine_id" value="1"> <button type="button" class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="confirmD-modal?id={{ $rs->id }}"> <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> </svg> <span class="sr-only">Fechar</span> </button> <div class="p-4 md:p-5 text-center"> <svg class="mx-auto mb-4 text-gray-400 w-12 h-12 dark:text-gray-200" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> </svg> <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400"> Dependentes menores de 9 anos, que nunca foram vacinados, devem receber 2 doses, conforme preconizado no calendário de vacinação. <h5 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400"> {{ __('Escolha abaixo a unidade para a vacinação do(a) ') }} {{ $rs->name }} </h5> <div class="mt-4 mb-6"> <select name="unit_id" id="unit_id" class="block mt-1 w-full bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" required> <option value="">Selecione a unidade que prefere se vacinar</option> @if ($unit->count() > 0) @foreach ($unit as $rs) <option value="{{ $rs->id }}"> {{ $rs->city }}, {{ $rs->name }} </option> @endforeach @else <option value="0">Unidades não encontradas</option> @endif </select> <x-input-error :messages="$errors->get('unit_id')" class="mt-2" /> </div> <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">As doses serão descontadas em folha de pagamento. Deseja confirmar a vacinação?</h3> <button data-modal-hide="confirmD-modal?id={{ $rs->id }}" type="submit" class="text-white bg-green-600 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-green-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center me-2"> Sim, estou certo disso! </button> </div> </form> </div> </div> </div> @endforeach @endif <!-- Confirm modal --> <div id="confirmD-modal" tabindex="-1" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> <div class="relative p-4 w-full max-w-md max-h-full"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <form action="{{ route('register.confirm', ['confirm' => Auth::user()->id]) }}" method="POST"> @csrf @method('PUT') <input type="hidden" name="vaccin_confirm" value="1"> <button type="button" class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="confirmD-modal"> <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> </svg> <span class="sr-only">Fechar</span> </button> <div class="p-4 md:p-5 text-center"> <svg class="mx-auto mb-4 text-gray-400 w-12 h-12 dark:text-gray-200" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> </svg> <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400"> Total de doses: {{ $totalVaccinIds + Auth::user()->vaccine_id }} </h3> <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">As doses serão descontadas em folha de pagamento. Deseja confirmar a vacinação?</h3> <button data-modal-hide="confirmD-modal" type="submit" class="text-white bg-green-600 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-green-300 dark:focus:ring-green-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center me-2"> Sim, estou certo disso! </button> </div> </form> </div> </div> </div> <!-- Unconfirm modal --> <div id="unconfirmD-modal" tabindex="-1" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> <div class="relative p-4 w-full max-w-md max-h-full"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <form action="{{ route('register.confirm', ['confirm' => Auth::user()->id]) }}" method="POST"> @csrf @method('PUT') <input type="hidden" name="vaccin_confirm" value="0"> <button type="button" class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="unconfirmD-modal"> <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> </svg> <span class="sr-only">Fechar</span> </button> <div class="p-4 md:p-5 text-center"> <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">Tem certeza que deseja cancelar a confirmação?</h3> <button data-modal-hide="unconfirmD-modal" type="submit" class="text-white bg-red-600 hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center me-2"> Sim, estou certo disso! </button> </div> </form> </div> </div> </div> <!-- Confirm C modal --> <div id="confirmC-modal" tabindex="-1" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full"> <div class="relative p-4 w-full max-w-md max-h-full"> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <form action="{{ route('register.confirm', ['confirm' => Auth::user()->id]) }}" method="POST"> @csrf @method('PUT') <input type="hidden" name="vaccine_id" value="1"> <button type="button" class="absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="confirmC-modal"> <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> </svg> <span class="sr-only">Fechar</span> </button> <div class="p-4 md:p-5 text-center"> <svg class="mx-auto mb-4 text-gray-400 w-12 h-12 dark:text-gray-200" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 11V6m0 8h.01M19 10a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /> </svg> <h5 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400"> {{ __('Escolha abaixo a unidade para sua vacinação.') }} </h5> <div class="mt-4 mb-6"> <select name="unit_id" id="unit_id" class="block mt-1 w-full bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" required> <option value="">Selecione a unidade que prefere se vacinar</option> @if ($unit->count() > 0) @foreach ($unit as $rs) <option value="{{ $rs->id }}"> {{ $rs->city }}, {{ $rs->name }} </option> @endforeach @else <option value="0">Unidades não encontradas</option> @endif </select> <x-input-error :messages="$errors->get('unit_id')" class="mt-2" /> </div> <h3 class="mb-5 text-lg font-normal text-gray-500 dark:text-gray-400">As doses serão descontadas em folha de pagamento. Deseja confirmar a vacinação?</h3> <button data-modal-hide="confirmC-modal" type="submit" class="text-white bg-green-600 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-green-800 font-medium rounded-lg text-sm inline-flex items-center px-5 py-2.5 text-center me-2"> Sim, estou certo disso! </button> </div> </form> </div> </div> </div> <!-- Modal Termos--> <div id="static-modal" data-modal-backdrop="static" tabindex="-1" aria-hidden="true" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full h-full md:inset-0 max-h-full"> <div class="relative p-4 w-full max-w-2xl max-h-full"> <!-- Modal content --> <div class="relative bg-white rounded-lg shadow dark:bg-gray-700"> <!-- Modal header --> <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600"> <h3 class="text-xl font-semibold text-gray-900 dark:text-white"> Termos de uso e privacidade. </h3> </div> <!-- Modal body --> <div class="p-4 md:p-5 space-y-4"> <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400"> Ao prosseguir, você concorda com os <a href="https://vacivitta.com.br/termos-de-uso/" target="_blank" class="text-blue-500 hover:underline">termos de uso</a> e a <a href="https://vacivitta.com.br/politica-de-privacidade/" target="_blank" class="text-blue-500 hover:underline">política de privacidade</a> do sistema. </p> </div> <div class="p-4 md:p-5 space-y-4"> <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400"> Deixamos claro que o pagamento das doses será descontado em folha de pagamento. </p> </div> <!-- Modal footer --> <div class="flex items-center p-4 md:p-5 border-t border-gray-200 rounded-b dark:border-gray-600"> <button onclick="document.getElementById('static-modal').classList.add('hidden')" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-green-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-green-600 dark:hover:bg-green-700 dark:focus:green-blue-800">Compreendo</button> </div> </div> </div> </div> @php $user = Auth::user(); $showModal = !session()->has('first_login') && $user; if ($showModal) { session()->put('first_login', true); } @endphp @if ($showModal) <script> document.addEventListener('DOMContentLoaded', function() { document.getElementById('static-modal').classList.remove('hidden'); document.getElementById('static-modal').classList.add('flex'); document.getElementById('static-modal').classList.add('bg-gray-900'); document.getElementById('static-modal').classList.add('bg-opacity-50'); }); </script> @endif </x-app-layout>