<?php

if ( ! defined( 'ABSPATH' ) ) exit;

require_once plugin_dir_path(__FILE__) . '../utils/docuchat_get_image_from_name.php';

function docuchat_layout(){
    
   ?>

<div class="docuChatRevealChat">
<div class="docuChatRevealChat_wrapper ">
    <span><?php echo esc_attr("We're here to help you", "docu-chat"); ?></span>
    <div class="docuChatRevealChat_wrapper_imagen">
     <?php echo wp_get_attachment_image( docuchat_get_image_from_name('robot') ); ?>  
    </div> 
</div>
</div>
<div class="docuchatMain">
<div class="docuchatMain_main">
    <div class="docuchatMain_main_header">
  
    <div class="docuchatMain_main_header_title">
        <?php  echo wp_get_attachment_image( docuchat_get_image_from_name('robot') ); ?>
        <h1><?php echo esc_attr("DocuChat", "docu-chat"); ?></h1> 
        </div>
  
     <div class="docuchatMain_main_header_actions">
       <div class="docuchatMain_main_header_actions_wrapper">
        <i class="docuchatMain_main_header_actions_wrapper_minimize">-</i>
       </div>
       <div class="docuchatMain_main_header_actions_wrapper">
        <i class="docuchatMain_main_header_actions_wrapper_close">+</i>
        </div>
      </div>

    </div>
    <div class="docuchatMain_main_body">
        <div class="docuchatMain_main_body_wrapper"> 
          <div id="loaderChat" class="docuchatMain_main_body_wrapper_loadingAmination"><ul>
            <li></li>
            <li></li>
            <li></li>
          </ul></div>
        </div>
    </div>
    <div class="docuchatMain_main_footer">
        <form action="" class="docuchatMain_main_footer_form">
            <input type="text" name="" id="" required>
            <input type="submit" value="Send">
        </form>
    </div>
</div>
</div>
<?php
} 