@extends('layouts.app')

<link rel="stylesheet" href="{{ asset('argon') }}/vendor/fullcalendar/dist/fullcalendar.min.css">
<link rel="stylesheet" href="{{ asset('argon') }}/vendor/sweetalert2/dist/sweetalert2.min.css">
@section('title', 'Calendário')
@section('content')
@include('layouts.headers.cards_calendario')

<div class="container-fluid mt--7">
    <div class="col">
        <!-- Fullcalendar -->
        <div class="card card-calendar">
            <!-- Card header -->
            <div class="card-header">
                <!-- Title -->
                <h5 class="h3 mb-0">
                    <font style="vertical-align: inherit;">
                        <font style="vertical-align: inherit;">Calendário</font>
                    </font>
                </h5>
            </div>
            <!-- Card body -->
            <div class="card-body p-0">
                <div class="calendar fc fc-unthemed fc-ltr" data-toggle="calendar" id="calendar">
                    <div class="fc-toolbar fc-header-toolbar">
                        <div class="fc-left"></div>
                        <div class="fc-right"></div>
                        <div class="fc-center"></div>
                        <div class="fc-clear"></div>
                    </div>
                    <div class="fc-view-container" style="">
                        <div class="fc-view fc-month-view fc-basic-view" style="">
                            <table class="">
                                <thead class="fc-head">
                                    <tr>
                                        <td class="fc-head-container fc-widget-header">
                                            <div class="fc-row fc-widget-header">
                                                <table class="">
                                                    <thead>
                                                        <tr>
                                                            <th class="fc-day-header fc-widget-header fc-sun"><span>
                                                                    <font style="vertical-align: inherit;">
                                                                        <font style="vertical-align: inherit;">Dom</font>
                                                                    </font>
                                                                </span></th>
                                                            <th class="fc-day-header fc-widget-header fc-mon"><span>
                                                                    <font style="vertical-align: inherit;">
                                                                        <font style="vertical-align: inherit;">seg</font>
                                                                    </font>
                                                                </span></th>
                                                            <th class="fc-day-header fc-widget-header fc-tue"><span>
                                                                    <font style="vertical-align: inherit;">
                                                                        <font style="vertical-align: inherit;">ter</font>
                                                                    </font>
                                                                </span></th>
                                                            <th class="fc-day-header fc-widget-header fc-wed"><span>
                                                                    <font style="vertical-align: inherit;">
                                                                        <font style="vertical-align: inherit;">qua</font>
                                                                    </font>
                                                                </span></th>
                                                            <th class="fc-day-header fc-widget-header fc-thu"><span>
                                                                    <font style="vertical-align: inherit;">
                                                                        <font style="vertical-align: inherit;">qui</font>
                                                                    </font>
                                                                </span></th>
                                                            <th class="fc-day-header fc-widget-header fc-fri"><span>
                                                                    <font style="vertical-align: inherit;">
                                                                        <font style="vertical-align: inherit;">Sex</font>
                                                                    </font>
                                                                </span></th>
                                                            <th class="fc-day-header fc-widget-header fc-sat"><span>
                                                                    <font style="vertical-align: inherit;">
                                                                        <font style="vertical-align: inherit;">Sentou</font>
                                                                    </font>
                                                                </span></th>
                                                        </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </thead>
                                <tbody class="fc-body">
                                    <tr>
                                        <td class="fc-widget-content">
                                            <div class="fc-scroller fc-day-grid-container" style="overflow: hidden; height: 1109px;">
                                                <div class="fc-day-grid fc-unselectable">
                                                    <div class="fc-row fc-week fc-widget-content" style="height: 184px;">
                                                        <div class="fc-bg">
                                                            <table class="">
                                                                <tbody>
                                                                    <tr>
                                                                        <td class="fc-day fc-widget-content fc-sun fc-past" data-date="2019-09-01"></td>
                                                                        <td class="fc-day fc-widget-content fc-mon fc-past" data-date="2019-09-02"></td>
                                                                        <td class="fc-day fc-widget-content fc-tue fc-past" data-date="2019-09-03"></td>
                                                                        <td class="fc-day fc-widget-content fc-wed fc-past" data-date="2019-09-04"></td>
                                                                        <td class="fc-day fc-widget-content fc-thu fc-past" data-date="2019-09-05"></td>
                                                                        <td class="fc-day fc-widget-content fc-fri fc-past" data-date="2019-09-06"></td>
                                                                        <td class="fc-day fc-widget-content fc-sat fc-past" data-date="2019-09-07"></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="fc-content-skeleton">
                                                            <table>
                                                                <thead>
                                                                    <tr>
                                                                        <td class="fc-day-top fc-sun fc-past" data-date="2019-09-01"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">1</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-mon fc-past" data-date="2019-09-02"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">2</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-tue fc-past" data-date="2019-09-03"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">3</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-wed fc-past" data-date="2019-09-04"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">4</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-thu fc-past" data-date="2019-09-05"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">5</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-fri fc-past" data-date="2019-09-06"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">6</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-sat fc-past" data-date="2019-09-07"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">7</font>
                                                                                </font>
                                                                            </span></td>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="fc-row fc-week fc-widget-content" style="height: 184px;">
                                                        <div class="fc-bg">
                                                            <table class="">
                                                                <tbody>
                                                                    <tr>
                                                                        <td class="fc-day fc-widget-content fc-sun fc-past" data-date="2019-09-08"></td>
                                                                        <td class="fc-day fc-widget-content fc-mon fc-past" data-date="2019-09-09"></td>
                                                                        <td class="fc-day fc-widget-content fc-tue fc-past" data-date="2019-09-10"></td>
                                                                        <td class="fc-day fc-widget-content fc-wed fc-past" data-date="2019-09-11"></td>
                                                                        <td class="fc-day fc-widget-content fc-thu fc-today " data-date="2019-09-12"></td>
                                                                        <td class="fc-day fc-widget-content fc-fri fc-future" data-date="2019-09-13"></td>
                                                                        <td class="fc-day fc-widget-content fc-sat fc-future" data-date="2019-09-14"></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="fc-content-skeleton">
                                                            <table>
                                                                <thead>
                                                                    <tr>
                                                                        <td class="fc-day-top fc-sun fc-past" data-date="2019-09-08"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">8</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-mon fc-past" data-date="2019-09-09"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">9</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-tue fc-past" data-date="2019-09-10"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">10</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-wed fc-past" data-date="2019-09-11"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">11</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-thu fc-today " data-date="2019-09-12"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">12</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-fri fc-future" data-date="2019-09-13"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">13</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-sat fc-future" data-date="2019-09-14"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">14</font>
                                                                                </font>
                                                                            </span></td>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="fc-row fc-week fc-widget-content" style="height: 184px;">
                                                        <div class="fc-bg">
                                                            <table class="">
                                                                <tbody>
                                                                    <tr>
                                                                        <td class="fc-day fc-widget-content fc-sun fc-future" data-date="2019-09-15"></td>
                                                                        <td class="fc-day fc-widget-content fc-mon fc-future" data-date="2019-09-16"></td>
                                                                        <td class="fc-day fc-widget-content fc-tue fc-future" data-date="2019-09-17"></td>
                                                                        <td class="fc-day fc-widget-content fc-wed fc-future" data-date="2019-09-18"></td>
                                                                        <td class="fc-day fc-widget-content fc-thu fc-future" data-date="2019-09-19"></td>
                                                                        <td class="fc-day fc-widget-content fc-fri fc-future" data-date="2019-09-20"></td>
                                                                        <td class="fc-day fc-widget-content fc-sat fc-future" data-date="2019-09-21"></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="fc-content-skeleton">
                                                            <table>
                                                                <thead>
                                                                    <tr>
                                                                        <td class="fc-day-top fc-sun fc-future" data-date="2019-09-15"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">15</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-mon fc-future" data-date="2019-09-16"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">16</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-tue fc-future" data-date="2019-09-17"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">17</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-wed fc-future" data-date="2019-09-18"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">18</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-thu fc-future" data-date="2019-09-19"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">19</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-fri fc-future" data-date="2019-09-20"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">20</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-sat fc-future" data-date="2019-09-21"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">21</font>
                                                                                </font>
                                                                            </span></td>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="fc-row fc-week fc-widget-content" style="height: 184px;">
                                                        <div class="fc-bg">
                                                            <table class="">
                                                                <tbody>
                                                                    <tr>
                                                                        <td class="fc-day fc-widget-content fc-sun fc-future" data-date="2019-09-22"></td>
                                                                        <td class="fc-day fc-widget-content fc-mon fc-future" data-date="2019-09-23"></td>
                                                                        <td class="fc-day fc-widget-content fc-tue fc-future" data-date="2019-09-24"></td>
                                                                        <td class="fc-day fc-widget-content fc-wed fc-future" data-date="2019-09-25"></td>
                                                                        <td class="fc-day fc-widget-content fc-thu fc-future" data-date="2019-09-26"></td>
                                                                        <td class="fc-day fc-widget-content fc-fri fc-future" data-date="2019-09-27"></td>
                                                                        <td class="fc-day fc-widget-content fc-sat fc-future" data-date="2019-09-28"></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="fc-content-skeleton">
                                                            <table>
                                                                <thead>
                                                                    <tr>
                                                                        <td class="fc-day-top fc-sun fc-future" data-date="2019-09-22"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">22</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-mon fc-future" data-date="2019-09-23"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">23</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-tue fc-future" data-date="2019-09-24"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">24</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-wed fc-future" data-date="2019-09-25"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">25</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-thu fc-future" data-date="2019-09-26"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">26</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-fri fc-future" data-date="2019-09-27"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">27</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-sat fc-future" data-date="2019-09-28"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">28.</font>
                                                                                </font>
                                                                            </span></td>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="fc-row fc-week fc-widget-content" style="height: 184px;">
                                                        <div class="fc-bg">
                                                            <table class="">
                                                                <tbody>
                                                                    <tr>
                                                                        <td class="fc-day fc-widget-content fc-sun fc-future" data-date="2019-09-29"></td>
                                                                        <td class="fc-day fc-widget-content fc-mon fc-future" data-date="2019-09-30"></td>
                                                                        <td class="fc-day fc-widget-content fc-tue fc-other-month fc-future" data-date="2019-10-01"></td>
                                                                        <td class="fc-day fc-widget-content fc-wed fc-other-month fc-future" data-date="2019-10-02"></td>
                                                                        <td class="fc-day fc-widget-content fc-thu fc-other-month fc-future" data-date="2019-10-03"></td>
                                                                        <td class="fc-day fc-widget-content fc-fri fc-other-month fc-future" data-date="2019-10-04"></td>
                                                                        <td class="fc-day fc-widget-content fc-sat fc-other-month fc-future" data-date="2019-10-05"></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="fc-content-skeleton">
                                                            <table>
                                                                <thead>
                                                                    <tr>
                                                                        <td class="fc-day-top fc-sun fc-future" data-date="2019-09-29"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">29</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-mon fc-future" data-date="2019-09-30"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">30</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-tue fc-other-month fc-future" data-date="2019-10-01"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">1</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-wed fc-other-month fc-future" data-date="2019-10-02"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">2</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-thu fc-other-month fc-future" data-date="2019-10-03"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">3</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-fri fc-other-month fc-future" data-date="2019-10-04"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">4</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-sat fc-other-month fc-future" data-date="2019-10-05"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">5</font>
                                                                                </font>
                                                                            </span></td>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="fc-row fc-week fc-widget-content" style="height: 189px;">
                                                        <div class="fc-bg">
                                                            <table class="">
                                                                <tbody>
                                                                    <tr>
                                                                        <td class="fc-day fc-widget-content fc-sun fc-other-month fc-future" data-date="2019-10-06"></td>
                                                                        <td class="fc-day fc-widget-content fc-mon fc-other-month fc-future" data-date="2019-10-07"></td>
                                                                        <td class="fc-day fc-widget-content fc-tue fc-other-month fc-future" data-date="2019-10-08"></td>
                                                                        <td class="fc-day fc-widget-content fc-wed fc-other-month fc-future" data-date="2019-10-09"></td>
                                                                        <td class="fc-day fc-widget-content fc-thu fc-other-month fc-future" data-date="2019-10-10"></td>
                                                                        <td class="fc-day fc-widget-content fc-fri fc-other-month fc-future" data-date="2019-10-11"></td>
                                                                        <td class="fc-day fc-widget-content fc-sat fc-other-month fc-future" data-date="2019-10-12"></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="fc-content-skeleton">
                                                            <table>
                                                                <thead>
                                                                    <tr>
                                                                        <td class="fc-day-top fc-sun fc-other-month fc-future" data-date="2019-10-06"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">6</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-mon fc-other-month fc-future" data-date="2019-10-07"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">7</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-tue fc-other-month fc-future" data-date="2019-10-08"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">8</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-wed fc-other-month fc-future" data-date="2019-10-09"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">9</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-thu fc-other-month fc-future" data-date="2019-10-10"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">10</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-fri fc-other-month fc-future" data-date="2019-10-11"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">11</font>
                                                                                </font>
                                                                            </span></td>
                                                                        <td class="fc-day-top fc-sat fc-other-month fc-future" data-date="2019-10-12"><span class="fc-day-number">
                                                                                <font style="vertical-align: inherit;">
                                                                                    <font style="vertical-align: inherit;">12</font>
                                                                                </font>
                                                                            </span></td>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                        <td></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal - Add new event -->
        <!--* Modal header *-->
        <!--* Modal body *-->
        <!--* Modal footer *-->
        <!--* Modal init *-->
        <div class="modal fade" id="new-event" tabindex="-1" role="dialog" aria-labelledby="new-event-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-secondary" role="document">
                <div class="modal-content">
                    <!-- Modal body -->
                    <div class="modal-body">
                        <form class="new-event--form">
                            <div class="form-group">
                                <label class="form-control-label">Event title</label>
                                <input type="text" class="form-control form-control-alternative new-event--title" placeholder="Event Title">
                            </div>
                            <div class="form-group mb-0">
                                <label class="form-control-label d-block mb-3">Status color</label>
                                <div class="btn-group btn-group-toggle btn-group-colors event-tag" data-toggle="buttons">
                                    <label class="btn bg-info active"><input type="radio" name="event-tag" value="bg-info" autocomplete="off" checked=""></label>
                                    <label class="btn bg-warning"><input type="radio" name="event-tag" value="bg-warning" autocomplete="off"></label>
                                    <label class="btn bg-danger"><input type="radio" name="event-tag" value="bg-danger" autocomplete="off"></label>
                                    <label class="btn bg-success"><input type="radio" name="event-tag" value="bg-success" autocomplete="off"></label>
                                    <label class="btn bg-default"><input type="radio" name="event-tag" value="bg-default" autocomplete="off"></label>
                                    <label class="btn bg-primary"><input type="radio" name="event-tag" value="bg-primary" autocomplete="off"></label>
                                </div>
                            </div>
                            <input type="hidden" class="new-event--start">
                            <input type="hidden" class="new-event--end">
                        </form>
                    </div>
                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary new-event--add">Add event</button>
                        <button type="button" class="btn btn-link ml-auto" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal - Edit event -->
        <!--* Modal body *-->
        <!--* Modal footer *-->
        <!--* Modal init *-->
        <div class="modal fade" id="edit-event" tabindex="-1" role="dialog" aria-labelledby="edit-event-label" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-secondary" role="document">
                <div class="modal-content">
                    <!-- Modal body -->
                    <div class="modal-body">
                        <form class="edit-event--form">
                            <div class="form-group">
                                <label class="form-control-label">Event title</label>
                                <input type="text" class="form-control form-control-alternative edit-event--title" placeholder="Event Title">
                            </div>
                            <div class="form-group">
                                <label class="form-control-label d-block mb-3">Status color</label>
                                <div class="btn-group btn-group-toggle btn-group-colors event-tag mb-0" data-toggle="buttons">
                                    <label class="btn bg-info active"><input type="radio" name="event-tag" value="bg-info" autocomplete="off" checked=""></label>
                                    <label class="btn bg-warning"><input type="radio" name="event-tag" value="bg-warning" autocomplete="off"></label>
                                    <label class="btn bg-danger"><input type="radio" name="event-tag" value="bg-danger" autocomplete="off"></label>
                                    <label class="btn bg-success"><input type="radio" name="event-tag" value="bg-success" autocomplete="off"></label>
                                    <label class="btn bg-default"><input type="radio" name="event-tag" value="bg-default" autocomplete="off"></label>
                                    <label class="btn bg-primary"><input type="radio" name="event-tag" value="bg-primary" autocomplete="off"></label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Description</label>
                                <textarea class="form-control form-control-alternative edit-event--description textarea-autosize" placeholder="Event Desctiption"></textarea>
                                <i class="form-group--bar"></i>
                            </div>
                            <input type="hidden" class="edit-event--id">
                        </form>
                    </div>
                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <button class="btn btn-primary" data-calendar="update">Update</button>
                        <button class="btn btn-danger" data-calendar="delete">Delete</button>
                        <button class="btn btn-link ml-auto" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection
@push('js')
<script src="{{ asset('argon') }}/vendor/moment/min/moment.min.js"></script>
<script src="{{ asset('argon') }}/vendor/fullcalendar/dist/fullcalendar.min.js"></script>
<script src="{{ asset('argon') }}/vendor/sweetalert2/dist/sweetalert2.min.js"></script>
<script>
    $(document).ready(function() {
        // page is now ready, initialize the calendar...
        $('#calendar').fullCalendar({
            // put your options and callbacks here
            events: [
                @foreach($calendarios as $calendario) {
                    title: '{{ $calendario->nome_calendario }}',
                    start: '{{ $calendario->data_calendario }}',
                    url: '{{ route('
                    calendarios.edit ', $calendario->id) }}'
                },
                @endforeach
            ]
        })
    });
</script>
@endpush