%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>