@extends('back_office.layouts.app')

<style>
    #package-id {
        font-size: 13px !important;
        padding-right: 10%;
    }
    .dataTables_info{
        font-size: 12px !important;
    }
    .dataTables_paginate.paging_simple_numbers{
        font-size: 12px !important;
    }
</style>
@section('content')

<section class="content">
    <div class="container-fluid">
        <div class="card">
            <div class="card-body" id="packages">
                @if (session('success'))
                <div class="alert alert-success" role="alert">
                    <strong>Success!</strong> {{ session('success') }}
                </div>
                @endif
                {!! $dataTable->table() !!}
            </div>
        </div>
    </div>
</section>

@push('scripts')
<link rel="stylesheet" href="{{asset('css/tables.css')}}">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.0.1/css/buttons.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap4.min.css">
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.0.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.0.1/js/buttons.bootstrap4.min.js"></script>
<script src="{{env('APP_URL')}}/vendor/datatables/buttons.server-side.js"></script>
{!! $dataTable->scripts() !!}
<script src="{{ $cdn ?? asset('vendor/sweetalert/sweetalert.all.js')  }}"></script>
@endpush

<script type="text/javascript">
    function deletePackage(id) {

        Swal.fire({
            title: "Are you sure?",
            text: "You will not be able to recover this package!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: '#36c6d3',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Confirm',
            cancelButtonText: 'Cancel'
        }).then(function(result) {
            if (result.value) {
                $.ajax({
                    url: "/admin/all-packages/delete/" + id,
                    type: "POST",
                    data: {
                        "_token": "{{ csrf_token() }}",
                    },
                    success: function(response) {
                        if(response == "false") {
                            Swal.fire({
                                title: "Something Happened",
                                text: "Unable to delete the package as it is currently associated with package details.",
                                icon: "error"
                            });
                        } else {
                            message('error');
                        }
                        $("#all-package-id").DataTable().draw();
                    },
                    error: function(error) {
                        message('error');
                        // location.reload();
                    }
                });

            } else if (result.dismiss == 'cancel') {
                console.log('cancel')
            }

        });
    }

    function message(status) {
        Swal.fire({
            title: status == 'success' ? "Error" : "Package deleted",
            text: status == 'success' ? "Somthing Happened" : "Package has been successfully deleted",
            icon: status == 'success' ? "error" : "success",
        })
    }
</script>

@endsection