@extends('layouts.default')

@section('styles')
    <link rel="stylesheet" type="text/css" href="/assets/css/pages/admin/page-maintenance/meeting-minutes-history-page.css" />
@stop

@section('scripts')
    @include('cdn.datatables')
    <script type="text/javascript" src="/assets/js/pages/admin/meeting-minutes-history-maintenance/list-meeting-minutes.js"></script>
@stop

@section('panel-heading')
    <strong>Edit Meeting Minutes History</strong>
@stop

@section('panel-presentation')
@stop

@section('content')
    <p>
        From this page, you can edit meeting minutes history.
    </p>
    <p class="text-right">
        <a id="add-history-btn" class="btn btn-default btn-sm" href="/admin/meeting-minutes-maintenance/edit-minutes/0">Add New History</a>
    </p>
    <table id="minutes-history-table">
        <thead>
            <th class="date-col">Date</th>
            <th class="location-col">Meeting Location</th>
            <th class="minutes-col">Minutes</th>
            <th class="actions-col">Actions</th>
        </thead>
        <tbody>
            @foreach($meetings as $meeting)
                <tr data-user-id="{{ $meeting->board_meeting_id }}">
                    <td class="date-col">{{ $meeting->meeting_date->format("M d, Y") }}</td>
                    <td class="location-col">{{ $meeting->meeting_location }}</td>
                    <td class="minutes-col">
                        <div
                                data-toggle="popover"
                                data-trigger="hover"
                                data-html="true"
                                data-container="body"
                                data-placement="left"
                                data-content="<div>{{ substr($meeting->minutes, 0, 900) }}</div>",
                        >
                            (Hoover mouse to show minutes)
                        </div>

                    </td>
                    <td class="actions-col">
                        <a class="edit-user-btn btn btn-success btn-sm" href="/admin/meeting-minutes-maintenance/edit-minutes/{{
                        $meeting->board_meeting_id }}">Edit</a>
                        <button class="btn btn-danger btn-sm delete-minutes-history-btn">Delete</button>
                    </td>
                </tr>

            @endforeach
        </tbody>
    </table>

@stop