const moment = require('moment-timezone');
import {Helpers} from '../../utils/helpers';

export class SessionDetailsModals {
    static getModal = () => {
        return `<div class="eb-modal-wrapper eb-session-details-modal eb-d-none" id="sessionDetailsModal">
            <div class="eb-modal-wrap">
                <div class="eb-modal-dialog">
                    <div class="eb-modal-content">
                        <div class="eb-modal-header">
                            <div class="eb-modal-title">
                                <h3 id="sessionName"></h3>
                            </div>
                            <button onclick="Helpers.closeModal('#sessionDetailsModal')" type="button" class="eb-modal-close"><i class="ebi-icon-close"></i></button>
                        </div>
                        
                        <div class="eb-modal-body">
                            <div class="eb-ss-details-thumb-wrap">
                                <img id="sessionImage" class="eb-ss-details-thumb" src="" alt="Session Thumb">
                            </div>  
                            
                            <div class="eb-ss-details-date" id="sessionStartDate">
                                
                            </div>
                            
                            <div class="eb-ss-details-duration" id="sessionDuration">
                                
                            </div>
                            
                            <div class="eb-ss-details-text" id="sessionDescription">
                                
                            </div>
                        </div>
                        <div class="eb-modal-footer">
                            <span>&nbsp;</span>
                            <button onclick="Helpers.closeModal('#sessionDetailsModal')" type="button" class="eb-btn-close">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>`
    }
}
