@extends('layouts.app')
@section('content')

<div class="container-fluid">

    <!-- if there are creation errors, they will show here -->
    @if ($errors->any())
    <div class="alert alert-danger">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

    <!-- will be used to show any messages -->
    @if (Session::has('message'))
    <div class="alert alert-info">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        {{ Session::get('message') }}
    </div>
    @endif

    <!-- Page Heading -->
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Build Module </h1>
        <!-- Button trigger modal -->
        <button type="button" class="btn btn-primary float-right" data-toggle="modal" data-target="#exampleModal">
            [ Delete ]
        </button>

    </div>

    <div class="card shadow mb-4">

        <div class="row">
            <div class="col-lg-12">

                <div class="card-header text-right clearfix">

                    <a href="/module" class="btn btn-primary btn-icon-split">
                        <span class="icon text-white-50">
                            <i class="fas fa-list"></i>
                        </span>
                        <span class="text">View all Modules </span>
                    </a>

                    <a href="/module/{{ $module->id }}" class="btn btn-secondary btn-icon-split">
                        <span class="icon text-white-50">
                            <i class="fas fa-arrow-right"></i>
                        </span>
                        <span class="text">View </span>
                    </a>

                </div>

                <div class="card-body">

                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }} | <a href="/departments"
                            style="color:white;text-decoration: underline;"><i class="fa fa-list"></i> View all
                            Departments</a>
                    </div>
                    @endif

                    {{ Form::model($module, ['route' => array('module.update', $module->id), 'class' => 'form-horizontal form-label-left', 'method' => 'PUT'] ) }}

                    <div class="row">

                        <div class="col-md-6">
                            <div class="form-group">
                                {{ Form::label('name', 'Module Title:') }}
                                {{ Form::text('name', old('name'), array('class' => 'form-control', 'required')) }}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {{ Form::label('menu_name', 'Menu Name:') }}
                                {{ Form::text('menu_name', old('menu_name'), array('class' => 'form-control', 'required')) }}
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                {{ Form::label('description', 'Description:') }}
                                {{ Form::textarea('description', null, array('id' => 'description-input', 'class' => 'form-control')) }}
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                {{ Form::label('course_id', 'Choose a Course:') }}
                                {!! Form::select('course_id', $course_list, null, array('class' => 'form-control
                                col-xs-12', 'placeholder'=>'Select a option')) !!}
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <a href="{{ URL::previous() }}" class="btn btn-primary">Cancel</a>
                                <button type="submit" class="btn btn-success">Update</button>
                            </div>
                        </div>

                    </div>

                    {{ Form::close() }}
                </div>

            </div>
        </div>
    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Deleting Module</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Warning: By deleting this module, you will be deleting all worksheets attached to this module. This process is
                irreversible. Are you sure you want to delete this module?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                {{ Form::model($module, ['route' => array('module.destroy', $module->id), 'method' => 'DELETE'] ) }}
                <button type="submit" class="btn btn-danger">[Yes, I'm sure!]</button>
                {{ Form::close() }}
            </div>
        </div>
    </div>
</div>

@endsection