@extends('template.index')
@section('title', 'Santo')
@section('content')
    <div class="content">
        <div class="row">
            <div class="col-12 col-md-12">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="row ml-1 mt-5">
                                <h2 class="bold">
                                    <i class="flaticon-right-arrow"></i>&nbsp; Santo
                                </h2>
                            </div>
                            <div class="mt-2" style="border-bottom: 1px dotted #CCC"></div>
                            <div class="row mt-3 align-items-center col-12">

                                <div class="col-12 col-md-2 mt-3">
                                    <a class="btn btn-default btn-sm" href="{{ route('santo.create') }}"
                                        role="button">
                                        <i class="fa fa-plus" aria-hidden="true"></i>&nbsp;&nbsp;
                                        ADICIONAR
                                    </a>
                                </div>

                                <div class="col-12 col-md-10">
                                    <form method="GET" action="{{ route('santo.index') }}">
                                        @csrf
                                        <div class="d-flex align-items-center justify-content-end">
                                            <div class="col-12 col-md-2">
                                                <strong><b>Data:</b></strong>
                                                <input style="font-weight: bold;" id="date_inicial" type="text" placeholder=""
                                                    class="form-control form-control-sm" name="date_inicial" maxlength="4"
                                                    autocomplete="off" value="{{ request()->has('date_inicial') ? request()->input('date_inicial') : '' }} ">
                                            </div>

                                            {{-- <div class="col-12 col-md-2">
                                                <strong><b>Até:</b></strong>
                                                <input style="font-weight: bold;" id="date_final" type="text" placeholder=""
                                                    class="form-control form-control-sm" name="date_final" maxlength="4"
                                                    autocomplete="off">
                                            </div> --}}

                                            <div class="col-12 col-md-2">
                                                <strong><b>Descrição:</b></strong>
                                                <input style="font-weight: bold;" id="description_search" type="text" placeholder=""
                                                    class="form-control form-control-sm" name="description_search"
                                                    autocomplete="off" value="{{ request()->has('description_search') ? request()->input('description_search') : '' }}">
                                            </div>

                                            <div class="col-12 col-md-1 ml-3 mt-3">
                                                <button type="submit" class="btn btn-sm btn-default">
                                                    <i class="fa-solid fa-magnifying-glass">
                                                    </i>&nbsp;&nbsp;
                                                    PESQUISAR
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                                    {{-- <form method="GET" action="{{ route('santo.index') }}" class="d-flex" >
                                        @csrf
                                        <strong><b>Dia / Mês</b></strong>
                                        <input style="font-weight: bold;" id="date_search" type="text" placeholder=""
                                            class="form-control form-control-sm" name="date_search" maxlength="4"
                                            autocomplete="off">

                                        <strong><b>Dia / Mês</b></strong>
                                        <input style="font-weight: bold;" id="description_search" type="text" placeholder=""
                                            class="form-control form-control-sm" name="description_search" maxlength="4"
                                            autocomplete="off">

                                        <button type="submit" class="btn btn-sm btn-default">PESQUISAR <i class="fa-solid fa-magnifying-glass"></i></button>
                                    </form> --}}

                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table id="table" class="display table table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <th style="width:3%">#</th>
                                                <th style="width:3%">Dia</th>
                                                <th style="width:25%">Título</th>
                                                <th style="width:30%">Descrição</th>
                                                <th style="width:20%">URL Imagem</th>
                                                <th style="width:10%" class="text-center" style="width:10%" colspan="2">
                                                    Ações</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @isset($santoDoDia)
                                                @foreach ($santoDoDia as $santo)
                                                    <tr>
                                                        <th>{{ $santo['id'] }}</th>
                                                        <th>{{ $santo['day'] }}</th>
                                                        <td>{{ substr($santo['name'], 0, 70) }}</td>
                                                        <td>{{ substr($santo['description'], 0, 85) }}...</td>
                                                        <td>
                                                            @if(is_file(asset($santo->image)))
                                                                <a href="{{asset($santo->image)}}"><i class="fa-solid fa-camera fa-2x"></i></a>
                                                            @endif
                                                        </td>
                                                        <td class="text-center">
                                                            <div class="row">
                                                                <a type="submit" title="editar"
                                                                    href="{{ route('santo.edit', ['santoDoDia' => $santo['id']]) }}"
                                                                    class="btn btn-sm btn-primary mt-2 edit-ajax"
                                                                    typeModal="modal-xl">
                                                                    <i class="fa fa-pen"></i>
                                                                </a>&nbsp;&nbsp;&nbsp;
                                                                <form
                                                                    action="{{ route('santo.destroy', ['santoDoDia' => $santo['id']]) }}"
                                                                    method="post" class="form-destroy">
                                                                    @csrf
                                                                    @method('DELETE')
                                                                    <button type="submit" title="excluir"
                                                                        class="btn btn-sm btn-danger mt-2">
                                                                        <i class="fa fa-trash"></i>
                                                                    </button>
                                                                </form>
                                                            </div>

                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endisset
                                        </tbody>
                                    </table>
                                </div>

                                @isset($santoDoDia)
                                    <div class="row">
                                        <div class="col-md-12">
                                            {{-- {!! $santoDoDia->render() !!} --}}
                                            {{ $santoDoDia->links('template.paginacao') }}
                                        </div>
                                    </div>
                                @endisset
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection