@extends('layouts.app')
@section('title', '講義下載 - 經濟部產業發展署工業安全網站')
@section('content')
    <div class='container'>
        <div class="row">
            <div class="col-md-8 my-3">
                <h1><strong>講義下載</strong></h1>
            </div>
        </div>
        <hr>
        <div class='row d-flex mb-3'>
            <h3 class='mb-2 font-weight-bold'>主項目一覽</h3>
            <div class='ml-auto mr-3'>
                <a href="{{ asset('/course/downloads/create') }}" class='btn btn-success'>
                    <i class="fas fa-pencil-alt mr-2" aria-hidden="true"></i>新增主項目
                </a>
            </div>
        </div>
        <div class='row'>
            <div class='col-12'>
                <coursedl-maintable></coursedl-maintable>
            </div>
        </div>
        <hr>
        <div class='row d-flex mb-3'>
            <h3 class='mb-2 font-weight-bold'>詳細項目一覽</h3>
            <div class='ml-auto mr-3'>
                <a href="{{ asset('/course/details/create') }}" class='btn btn-success'>
                    <i class="fas fa-pencil-alt mr-2" aria-hidden="true"></i> 新增詳細項目
                </a>
            </div>
        </div>
        <div class='row'>
            <div class='col-12'>
                <coursedl-detailtable></coursedl-detailtable>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
<script src="{{ asset('js/sweetalert.min.js') }}"></script>
<script src="{{ asset('js/course.js') }}"></script>
@endpush