@extends('layouts.cork')
@section('title',  $title)


<!-- BEGIN PAGE CSS -->
@section('page-css')
    <style>
        .toggle-code-snippet { margin-bottom: 0px; }
        body.dark .toggle-code-snippet { margin-bottom: 0px; }
    </style>
    <link rel="stylesheet" href="/cork/src/plugins/css/dark/table/datatable/dt-global_style.css">
@endsection
<!-- END PAGE CSS -->

<!-- BREADCRUMB -->
@section('breadcrumb')
<div class="page-meta">
    <nav class="breadcrumb-style-one" aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('sections.index') }}">Sections</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $title }}</li>

        </ol>
    </nav>
</div>
<!-- /BREADCRUMB -->
@endsection
@section('content')
<form method="POST" action="{{ route('sections.destroy', $section->id) }}">
    @csrf
    @method('DELETE')
    Delete {{ $section->course->name}}?
    <div class="form-row">
        <button type="submit" class="mt-4 btn btn-primary">Yes, I'm Sure</button>
        <button type="button" class="mt-4 ml-4 btn btn-secondary" onclick="window.history.go(-1); return false;">Cancel</button>
    </div>
</form>
@endsection
<!--  BEGIN PAGE SCRIPTS FILE  -->
@section('page-js')

@endsection
<!--  END PAGE SCRIPTS FILE  -->