@include('includes/header')

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/sidebar')

<div class="app-content content">

    <div class="content-wrapper">
        <div class="content-header row">

            <div class="content-header-left col-md-6 col-12 mb-2 d-flex justify-content-left align-items-center">
                <a class="btn btn-secondary" href="javascript: history.go(-1)"><i class="fa fa-arrow-left"></i>
                </a>&nbsp;&nbsp;
                <h1 class="content-header-title mb-0">Create Schedule</h1>
            </div>
        </div>

        <div class="content-body">

            <section class="inputmask bg-light p-1 shadow" id="inputmask">
                <div class="row">
                    
                    @if (\Session::has('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('success') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif
                    @if (\Session::has('error'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('error') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if($errors->any())
                        @foreach($errors->all() as $err)
                            <div class="alert alert-success alert-dismissible fade show" role="alert">                                
                                <strong> {{ $err }} </strong>                                
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>  
                        @endforeach                  
                    @endif

                    <div class="col-12 ">

                        <form action="{{route('create.schedule')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="card rounded">
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Title</label></strong>
                                                        <input type="text" class="form-control" name="title" value="{{old('title')}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-5">
                                                    <div class="form-group">
                                                        <strong><label>Description</label></strong>
                                                        <input type="text" class="form-control" name="description" value="{{old('description')}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <strong><label>Start Time</label></strong>
                                                        <input type="time" class="form-control" name="starttime" value="{{old('starttime')}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <strong><label>End Time</label></strong>
                                                        <input type="time" class="form-control" name="endtime" value="{{old('endtime')}}">
                                                    </div>
                                                </div>
                                            </div>


                                        </div>

                                        <div class="form-group row">
                                            <div class="form-group ml-1 mr-1">
                                                <label class="btn btn-outline-primary">
                                                    <input class="btn-check" type="checkbox" id="Sunday" name="sunday" value="1"> Sunday
                                                </label>
                                            </div>
                                            <div class="form-group mr-1">
                                                <label class="btn btn-outline-primary">
                                                    <input class="btn-check" type="checkbox" id="Monday" name="monday" value="1"> Monday
                                                </label>
                                            </div>
                                            <div class="form-group mr-1">
                                                <label class="btn btn-outline-primary">
                                                    <input class="btn-check" type="checkbox" id="tuesday" name="tuesday" value="1"> Tuesday
                                                </label>
                                            </div>
                                            <div class="form-group mr-1">
                                                <label class="btn btn-outline-primary">
                                                    <input class="btn-check" type="checkbox" id="Wednesday" name="wednesday" value="1"> Wednesday
                                                </label>
                                            </div>
                                            <div class="form-group mr-1">
                                                <label class="btn btn-outline-primary">
                                                    <input class="btn-check" type="checkbox" id="Thursday" name="thursday" value="1"> Thursday
                                                </label>
                                            </div>
                                            <div class="form-group mr-1">
                                                <label class="btn btn-outline-primary">
                                                    <input class="btn-check" type="checkbox" id="Friday" name="friday" value="1"> Friday
                                                </label>
                                            </div>
                                            <div class="form-group">
                                                <label class="btn btn-outline-primary">
                                                    <input class="btn-check" type="checkbox" id="Saturday" name="saturday" value="1"> Saturday
                                                </label>
                                            </div>
                                        </div>
                                        <div class="form-actions left">
                                            <button type="submit" class="btn btn-primary">
                                                <i class="fa fa-check-square-o"></i> Create
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </section>

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

<script>
    $('input[type="checkbox"]').on('change', function(){
        this.value ^= 1;
    });
</script>

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/footer')