@extends('admin.layouts.admin')

@section('content')
<!-- Page Content-->
    <div class="page-content-tab">
      <div class="container-fluid">
        <!-- Page-Title -->
        <div class="row">
          <div class="col-sm-12">
            <div class="page-title-box">

            </div>
            <!--end page-title-box-->
          </div>
          <!--end col-->
        </div>
        <!--end row--><!-- end page title end breadcrumb -->
        <div class="row">
          <div class="col-sm-6">
            <div class="card">
              <h5 class="card-header bg-primary text-white mt-0">Header - Primary</h5>
              <div class="card-body">
                <h4 class="mt-0 mb-0 header-title">Warning Alert</h4>
                <p class="text-muted mb-3">Application Pay As You Go Low Risk</p>
              </div><!--end card-body-->
              <div class="card-footer">
                <button type="button" class="btn btn-success btn-block" id="sa-success">Alert</button>
              </div>
            </div><!--end card-->
          </div><!--end col-->
          <div class="col-sm-6">
            <div class="card">
              <h5 class="card-header bg-primary text-white mt-0">Header - Primary</h5>
              <div class="card-body">
                <h4 class="mt-0 mb-0 header-title">Delete Alert</h4>
                <p class="text-muted mb-3">Application Pay As You Go Low Risk</p>
              </div><!--end card-body-->
              <div class="card-footer">
                <button type="button" class="btn btn-danger btn-block" id="sa-warning">Alert</button>
              </div>
            </div><!--end card-->
          </div><!--end col-->
        </div><!--end row-->
      </div>
      <!-- container -->
      <footer class="footer text-center text-sm-left">
        &copy; 2021 SSL Wireless <span class="text-muted d-none d-sm-inline-block float-right">Design and Developed by <a href="#">SSL Wireless</a></span>
      </footer>
      <!--end footer-->
    </div>
    <!-- end page content -->
@endsection

@section('script')
  <script src="{{ url('assets/admin/plugins/sweet-alert2/sweetalert2.min.js') }}"></script>
  <script type="text/javascript">
  $( document ).ready(function() {
    $("#sa-success").click(function () {
      Swal.fire("Good job!", "You clicked the button!", "success");
    });
    $("#sa-warning").click(function () {
      swal.fire({ title: "Are you sure?", text: "You won't be able to revert this!", icon: "warning", showCancelButton: !0, confirmButtonText: "Yes, delete it!", cancelButtonText: "No, cancel!", reverseButtons: !0 }).then(
        function ($) {
          $.value ? swal.fire("Deleted!", "Your file has been deleted.", "success") : $.dismiss === Swal.DismissReason.cancel && swal.fire("Cancelled", "Your imaginary file is safe :)", "error");
        }
      );
    });
  });
  </script>
@endsection