@extends('construction.admin.master.master')

@section('content')
    <div class="row " >
        <div class="col  mt-0 appear-animation animated fadeInUpShorterPlus appear-animation-visible" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="300"
             style="animation-delay: 1200ms;">
            <h2 class="font-weight-bold text-color-dark mb-4 appear-animation animated fadeInUpShorterPlus appear-animation-visible" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="1400" style="animation-delay: 1400ms;">
                {{$obto->Nome}}</h2>
{{--                        <p class="font-weight-semibold line-height-8 text-4 mb-3 appear-animation animated fadeInUpShorterPlus appear-animation-visible" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="1600" style="animation-delay: 1600ms;">Gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odasio. </p>--}}
        </div>
        <div class="col  mt-0 appear-animation animated fadeInUpShorterPlus appear-animation-visible" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="300"
             style="animation-delay: 1200ms;">
            <div style="text-align: right">
                <form action="{{ route('web.obtuario.pesquisar') }}" method="GET">
                    <div class="form-group" >
                        <div class="row justify-content-end">
                            <div class="col-lg-5">
                                <div class="newsletter" >
                                    <form id="newsletterForm" action="php/newsletter-subscribe.php" method="POST" class="mb-4-5" novalidate="novalidate">
                                        <div class="input-group">
                                            <input style="box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);" class="form-control border-0" placeholder="Ex: João" type="text" name="nome" id="nome">
                                            <button style="box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);"  class="btn btn-primary px-3" type="submit">
                                                <div class="animated-icon animated fadeIn svg-fill-color-light"><!--?xml version="1.0" ?-->
                                                    <svg version="1.1" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="icon_91655219961667" data-filename="arrow-right.svg" width="27" height="27">
                                                        <polygon points="1,26 44.586,26 38.293,32.293 39.707,33.707 48.414,25 39.707,16.293 38.293,17.707 44.586,24 1,24  "></polygon>
                                                    </svg></div>
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <hr class="mt-0" style="border-color: black">

    <div class="container py-4">
        <div class="row">
            <ul class="list" style="list-style: none;">
                @if($obto->DataNascimento != '00/00/0000')<li><i class="fas fa-star" aria-hidden="true"></i> {{$obto->DataNascimento}}</li>@endif
                <li><i class="fas fa-cross" aria-hidden="true"></i> {{ date('d/m/Y', strtotime($obto->DataFalecimento)) }}</li>
            </ul>
        </div>
{{--        <div class="row">--}}
{{--            <div class="col">--}}
{{--                <h4>Velório</h4>--}}
{{--                <p><strong>Data:</strong> 18/05/2023</p>--}}
{{--                <p><strong>Hora:</strong> 12:00</p>--}}
{{--                <p><strong>Local:</strong> Cemitério Nova Olinda</p>--}}
{{--            </div>--}}
{{--        </div>--}}
        @if(isset($sepultamento))
        <div class="row">
            <div class="col">
                <h4>Sepultamento</h4>
                <p><strong>Data:</strong>{{ date('d/m/Y', strtotime($sepultamento->DataSepultamento)) }}</p>
                <p><strong>Hora:</strong> {{ date('H:i', strtotime($sepultamento->DataSepultamento)) }}</p>
                <p><strong>Local:</strong> {{$cemiterio->Nome}}</p>
            </div>
        </div>
        @endif
    </div>
    <hr class="mt-2" style="border-color: black">
    <div class="row row-gutter-sm  mb-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">
        @foreach($obtuario as $index => $obto)
            <div class="col-sm-9 col-md-6 col-lg-4 mb-4 mb-lg-3">
                <span class="thumb-info border-all thumb-info-show-button-hover">
                    <span class="thumb-info-wrapper">
                        <div style="height: 130px;"></div>
                        <span class="thumb-info-title bg-transparent">
                            <span class="thumb-info-type text-light mb-2">aviso de falecimento</span>
                            <span class="thumb-info-inner pb-3">{{$obto->Nome}} <em class="opacity-7">{{date('d/m/Y', strtotime($obto->DataFalecimento))}}</em></span>
{{--                            <br>--}}
                             <a class="btn btn-light btn-sm text-dark" href="{{route('web.verObto', $obto->Id)}}">Visualizar!</a>
                        </span>
                        <div class="caption"></div>
                    </span>
                </span>
            </div>

        @endforeach

    </div>
    <div class="container">
        <div class="content">
            {{ $obtuario->links() }}
        </div>
    </div>

@endsection