@extends('blocks.modal', ['modalName' => "simple-prompt-modal"])

@section('modal-header')

    <div class="mdl-grid">
        <div class="mdl-cell mdl-cell--12-col" style="text-align: left;">
            <h4 class="mdl-color-text--indigo" id="simple-prompt-title"></h4>
        </div>
    </div>

@overwrite

@section('modal-content')

    <div class="mdl-grid">

        <div class="mdl-cell mdl-cell--12-col" style="text-align: left" id="simple-prompt-message">
        </div>

    </div>

@overwrite

@section('modal-footer')

    <div id="confirm-action-submit-section" class="mdl-grid">
        <div class="mdl-cell mdl-cell--12-col" style="text-align: center">
            <button id="simple-prompt-ok" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
                ok
            </button>
        </div>
    </div>

@overwrite

@section('modal-scripts')

    <script>
        var simplePromptCallback = null;

        $('#simple-prompt-ok').click(function() {
            $('#simple-prompt-modal').modal('hide');
            if(simplePromptCallback) {
                simplePromptCallback();
            }
        });

        function showSimplePromptModal(title, message, callback) {
            simplePromptCallback = callback;
            $('#simple-prompt-title').html(title);
            $('#simple-prompt-message').html(message);
            $('#simple-prompt-modal').modal();
        }

    </script>

@overwrite