@extends('dashboard.dashboard')
@section('title',ucfirst(__('messages')))
@section('main')
@section('page','message')
<div class="panel-header bg-primary-gradient">
    <div class="page-inner py-1">
        <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row">
            <div>
                <h2 class="text-white pb-2 fw-bold text-capitalize">{{__('messages')}}</h2>
                <h5 class="text-white op-7 mb-2"> Mensagens enviadas pelo site </h5>
            </div>
            <div class="ml-md-auto py-2 py-md-0">
                {{--                <a href="{{ route('admin.article.create') }}"--}}
                {{--                    class="btn btn-secondary btn-round text-capitalize">Cadastrar um Artigo</a>--}}
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <div id="table_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12 col-md-6">
                                <div class="dataTables_length" id="table_length">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-6">
                                <div id="table_filter" class="dataTables_filter">
                                </div>
                            </div>
                        </div>
                        <div class="row">

                            <div class="col-sm-12">
                                <table id="table" class="display table table-striped table-hover dataTable" role="grid"
                                       aria-describedby="table_info">
                                    <thead>
                                    <tr role="row" class="text-capitalize">
                                        <th class="" tabindex="0" aria-controls="table" rowspan="1"
                                            colspan="1" style="width: 80px;">Unidade
                                        </th>
                                        <th class="" tabindex="0" aria-controls="table" rowspan="1"
                                            colspan="1" style="width: 100px;">Nome
                                        </th>
                                        <th class="" tabindex="0" aria-controls="table" rowspan="1"
                                            colspan="1" style="width: 80px;">
                                            Telefone
                                        </th>

                                        <th class="" tabindex="0" aria-controls="table" rowspan="1"
                                            colspan="1" style="width: 100px;">E-mail
                                        </th>
                                        <th class="" tabindex="0" aria-controls="table" rowspan="1"
                                            colspan="1" style="width: 130px;">
                                            Data/Hora
                                        </th>

                                        <th rowspan="1" colspan="1" style="width: 100px;"></th>
                                        <th rowspan="1" colspan="1" style="width: 50px;">{{ __('actions')}}</th>
                                    </tr>
                                    </thead>
                                    <tfoot>

                                    <tr class="text-capitalize">
                                        <th rowspan="1" colspan="1">Unidade</th>
                                        <th rowspan="1" colspan="1">Nome</th>
                                        <th rowspan="1" colspan="1">Telefone</th>
                                        <th rowspan="1" colspan="1">E-mail</th>
                                        <th rowspan="1" colspan="1">Data/Hora</th>
                                        <th rowspan="1" colspan="1"></th>
                                        <th rowspan="1" colspan="1">{{ __('actions')}}</th>
                                    </tr>
                                    </tfoot>
                                    <tbody>
                                    @foreach($messages as $key => $message)
                                        <tr role="row" class="@if (($key%2)==1) odd @else even @endif">
                                            <td class="sorting">{{ $message->message }}</td>
                                            <td class="sorting">{{ $message->name }}</td>
                                            <td class="sorting">{{ $message->phone }}</td>
                                            <td class="sorting">{{ $message->email }}</td>
                                            <td class="sorting_1"
                                                data-sort='{{str_replace([':','-',' '],'',$message->created_at)}}'>
                                                {{ date('d/m/Y H:i:s',strtotime($message->created_at)) }}
                                            </td>
                                            <td class="sorting_4">
                                                {{----}}
                                                @php
                                                    $status = [];
                                                        //$status[0] = ['class' => 'btn-success', 'desc' => 'enviado'];
 //$status[1] = ['class' => 'btn-warning', 'desc' => 'em atendimento'];
  //$status[2] = ['class' => 'btn-default', 'desc' => '-----'];
//    $status[3] = ['class' => 'btn-warning', 'desc' => 'erro ao enviar e-mail'];

                                                                                                            switch($message->status) {
                                                            case 0: default:
                                                                $arrStatus = ['class' => 'btn-success', 'desc' => 'enviado'];
                                                                break;
                                                                case 1:
                                                                    $arrStatus = ['class' => 'btn-warning', 'desc' => 'em atendimento'];
                                                                break;
                                                                case 2:
                                                                                $arrStatus = ['class' => 'btn-default', 'desc' => 'concluido'];
                                                                break;
                                                                     case 3:
                                                                                $arrStatus = ['class' => 'btn-danger', 'desc' => 'erro ao enviar e-mail'];
                                                                break;
                                                        }
                                                @endphp
                                                <span class="badge p-2 {{$arrStatus['class']}} text-capitalize">
                                                    {{$arrStatus['desc']}} </span>
                                            </td>


                                            <td>
                                                {{--                                                <a href="{{ route ('admin.article.edit',$message)}}"--}}
                                                {{--                                                   class="btn btn-link btn-round btn-success">--}}
                                                {{--                                                    <i class="fas fa-edit"></i>--}}
                                                {{--                                                </a>--}}
                                                <form method="POST"
                                                      action="{{route('admin.message.destroy',$message)}}"
                                                      novalidate style="all: unset;">
                                                    @csrf
                                                    @method('DELETE')
                                                    <a class="btn btn-link btn-round btn-danger" data-action="delete">
                                                        <i class="fa fa-trash-alt"></i>
                                                    </a>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-md-5">
                                <div class="dataTables_info" id="table_info" role="status" aria-live="polite">
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-7">
                                <div class="dataTables_paginate paging_simple_numbers" id="table_paginate">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
    <script src="{{asset('admin/js/plugin/datatables/datatables.min.js')}}"></script>
    <script src="{{asset('admin/js/plugin/sweetalert/sweetalert.min.js')}}"></script>
    <script src="{{asset('admin/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js')}}"></script>
    <script src="{{asset('admin/js/plugin/jquery.magnific-popup/jquery.magnific-popup.min.js')}}"></script>

    <script>
        $('#table').DataTable({
            "language": {
                "url": "{{ asset('admin/js/plugin/datatables/Portuguese-Brasil.json') }}"
            },
            stateSave: true
        });

        $("[data-action=delete]").click(function () {
            swal({
                title: "{{__('Are you sure?')}}"
                , text: "{{__('You wont be able to revert this!')}}"
                , type: 'warning'
                , buttons: {
                    confirm: {
                        text: "{{__('Yes, delete it!')}}"
                        , className: 'btn btn-success'
                    }
                    , cancel: {
                        text: 'Desistir',
                        visible: true
                        , className: 'btn btn-danger'
                    }
                }
            }).then((Delete) => {
                if (Delete) {
                    $(this).closest('form').submit();
                } else {
                    swal.close();
                }
            });
        });
        $('#table').magnificPopup({
            delegate: '.preview',
            type: 'image',
            removalDelay: 300,
            gallery: {
                enabled: true,
            },
            mainClass: 'mfp-with-zoom',
            zoom: {
                enabled: true,
                duration: 300,
                easing: 'ease-in-out',
                opener: function (openerElement) {
                    return openerElement.is('img') ? openerElement : openerElement.find('img');
                }
            }
        });

    </script>
@endpush