/* Add your JavaScript code here.

If you are using the jQuery library, then don't forget to wrap your code inside jQuery.ready() as follows:

jQuery(document).ready(function( $ ){
    // Your code in here
});

--

If you want to link a JavaScript file that resides on another server (similar to
<script src="https://example.com/your-js-file.js"></script>), then please use
the "Add HTML Code" page, as this is a HTML code that links a JavaScript file.

End of comment */

jQuery(document).ready(function($){
  $('#page').append('<div class="mobile-caller">'
+            '<img src="https://iphonelodz.pl/wp-content/uploads/2018/05/phone2.png" />'
+        '</div>'
+        '<div class="phones-overlay">'
+            '<div class="phones-holder">'
+                '<div class="phones-list">'
+                    '<ul>'
+                        '<li class="title">'
+                            '<div class="left"><img src="https://iphonelodz.pl/wp-content/uploads/2018/05/phone.png" /></div>'
+                            '<div class="right">'
+                                '<p><span>Zadzwoń</span> komórka</p>'
+                            '</div>'
+                        '</li>'
+                        '<a href="tel:+48606115113">'
+                            '<li class="number">'
+                                '<div class="left"></div>'
+                                '<div class="right">'
+                                    '<span>ul. Wydawnicza (Łódź Widzew)</span>'
+                                    '<p>606 115 113</p>'
+                                '</div>'
+                            '</li>'
+                        '</a>'
+                        '<a href="tel:+48606508580">'
+                            '<li class="number">'
+                                '<div class="left"></div>'
+                                '<div class="right">'
+                                    '<span>ul. Obywatelska (Łódź Polesie)</span>'
+                                    '<p>606 508 580</p>'
+                                '</div>'
+                            '</li>'
+                        '</a>'
+                        '<a href="tel:+48606704102">'
+                            '<li class="number">'
+                                '<div class="left"></div>'
+                                '<div class="right">'
+                                    '<span>ul. Marysińska (Łódź Bałuty)</span>'
+                                    '<p>606 704 102</p>'
+                                '</div>'
+                            '</li>'
+                        '</a>'
+                    '</ul>'
+                '</div>'
+                '<div class="cancel">'
+                    '<p>Anuluj</p>'
+                '</div>'
+            '</div>'
+        '</div>');

  function toggle(e){
    console.log('tiglitigligit');
    $('.phones-holder').slideToggle();
    $('.phones-overlay').slideToggle();
    $('.mobile-caller').slideToggle();
    e.preventDefault();
    e.stopPropagation();
  }

  $('.mobile-caller').click(function(e) {
        toggle(e);
  });
  $('.cancel').click(function(e){
    toggle(e);
  });
  $('.phones-overlay').click(function(e){
    toggle(e);
  });
  $('.phones-holder').click(function(e){
    e.stopPropagation();
  });
});