
{{--source: https://www.solodev.com/blog/web-design/adding-a-datetime-picker-to-your-forms.stml--}}
<!DOCTYPE html>
<html>
<head>
    <title>DT-36 announcement module for exchange system</title>

    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css">
    <style type="text/css">
        .container {
            margin-top: 40px;
        }
        .btn-primary {
            width: 100%;
        }

        table tr.separator { height: 20px; }

        table td {
            padding-top: 10px;
            padding-bottom: 10px;
        }
    </style>

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/2.14.1/moment.min.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

    <script type='text/javascript'>
        $( document ).ready(function() {
            $('#datetimepicker1').datetimepicker(
                {
                    format: 'DD-MM-YYYY', // add  hh:mm A to enable time in AM or PM
                    minDate:new Date(), //prevents past dates
                }
            );

            $('#datetimepicker2').datetimepicker(
                {
                    format: 'DD-MM-YYYY',
                    minDate:new Date(),
                }
            );
        });
    </script>

</head>
<body>

<div class="container">
    <div class="row justify-content-center">
        @yield('content')
    <div>
<div>

</body>
</html>


