@extends('layouts.main-layout')

@section('title')
{{ config('app.name') }} - Pharmacy All Announcements
@endsection

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-lg-12 my-5">
            <div class="card">
                <div class="card-body">
                    <table class="display dataTable cell-border" id="datatbl-advance" style="width:100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Kome je obaveštenje poslato</th>
                                <th>Tekst obaveštenja</th>
                                <th>Poslata</th>
                                <th>Akcije</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($messages as $message)
                                <tr>
                                    <td>{{ $message->message_id }}</td>
                                    <td>{{ $message->message_sent_to->user_name }}</td>
                                    <td>{!! html_entity_decode($message->message_text) !!}</td>
                                    <td>{{ $message->message_updated_at }}</td>
                                    <td>
                                        <a href="#" data-message-id="{{ $message->message_id }}" data-apoteka-name="{{ $message->message_sent_to->user_name }}" class="btn btn-danger btn-sm delete-announcement-for-drug-store">Izbriši obaveštenje za ovu apoteku</a>
                                        <a href="#" data-message-identificator="{{ $message->message_identificator }}" class="btn btn-danger btn-sm delete-announcement-for-all">Izbriši obaveštenje za sve apoteke</a>
                                        <br>
                                        <br>
                                        <a href="{{ url('/edit-announcement/'.$message->message_id.'/one' ) }}" class="btn btn-warning btn-sm">Izmeni obaveštenje za ovu apoteku</a>
                                        <a href="{{ url('/edit-announcement/'.$message->message_id.'/all') }}" class="btn btn-warning btn-sm">Izmenu obaveštenje za sve apoteke</a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function(){
        $(".delete-announcement-for-drug-store").click(function(e){
            e.preventDefault();
            var messageId = $(this).data('message-id');
            var apotekaName = $(this).data('apoteka-name');

            Swal.fire({
                title: `Da li ste sigurni da želite da obrišete obaveštenje za apoteku ${apotekaName}?`,
                icon: "warning",
                html: '<div class="d-flex justify-content-between">'+
                        '<p class="text-danger text-decoration-none btn btn-link" id="confirmAnnouncementDeletionForDrugStore">Potvrdi</p>'+
                        '<p class="text-primary text-decoration-none btn btn-link" onclick="Swal.close()">Izađi</p>'+
                    '</div>',
                showCancelButton: false,
                showConfirmButton: false
            });

            $("#confirmAnnouncementDeletionForDrugStore").click(function(e){
                e.preventDefault();

                $.ajax({
                    url: "{{ url('/delete-announcement') }}",
                    type: "DELETE",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        "messageId": messageId
                    },
                    success: function(data){
                        console.log("Success: ", data);
                        if(data.status == 'success'){
                            Swal.fire({
                                icon: 'success',
                                title: 'Uspešno!',
                                text: data.message
                            }).then((result) => {
                                if(result.isConfirmed) {
                                    location.reload();
                                }
                            });
                            return;
                        }

                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: 'Nešto je pošlo po zlu, molimo pokušajte ponovo!'
                        });
                    },
                    error: function(data){
                        console.log("Error: ", data);
                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: data.responseJSON.message
                        });
                    }
                });
            });
        });

        $(".delete-announcement-for-all").click(function(e){
            e.preventDefault();
            var messageIdentificator = $(this).data('message-identificator');

            Swal.fire({
                title: `Da li ste sigurni da želite da obrišete obaveštenje za sve apoteke?`,
                icon: "warning",
                html: '<div class="d-flex justify-content-between">'+
                        '<p class="text-danger text-decoration-none btn btn-link" id="confirmAnnouncementDeletionForAll">Potvrdi</p>'+
                        '<p class="text-primary text-decoration-none btn btn-link" onclick="Swal.close()">Izađi</p>'+
                    '</div>',
                showCancelButton: false,
                showConfirmButton: false
            });

            $("#confirmAnnouncementDeletionForAll").click(function(e){
                e.preventDefault();

                $.ajax({
                    url: "{{ url('/delete-announcement') }}",
                    type: "DELETE",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        "messageIdentificator": messageIdentificator
                    },
                    success: function(data){
                        console.log("Success: ", data);
                        if(data.status == 'success'){
                            Swal.fire({
                                icon: 'success',
                                title: 'Uspešno!',
                                text: data.message
                            }).then((result) => {
                                if(result.isConfirmed) {
                                    location.reload();
                                }
                            });
                            return;
                        }

                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: 'Nešto je pošlo po zlu, molimo pokušajte ponovo!'
                        });
                    },
                    error: function(data){
                        console.log("Error: ", data);
                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: data.responseJSON.message
                        });
                    }
                });
            });
        });
    });
</script>
@endsection