@extends('layouts.default')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">

                <div class="panel-heading"><h3>Upload Documents<br></h3></div>

                <div class="panel-body">
                  @include('includes.messages')
                  <div class="row">
                            <ul class="list-unstyled">
                        @foreach($documentcategories as $documentcategory)
                        @if((Auth::check() && (auth()->user()->hasRole('forecast_author'))) && $documentcategory->documentcategory == 'forecast')
                            <li>
                            <button
                                class="btn btn-primary btn-lg form-control"
                                data-toggle="modal"
                                data-target="#addModal{{$documentcategory->slug}}"
                                type="button"
                                name="button">{{$documentcategory->classification}}
                                </button>
                                <br><br>
                            </li>



                        @elseif((Auth::check() && (auth()->user()->hasRole('agromet_author'))) && $documentcategory->documentcategory == 'bulletin')
                            
                            <li>
                            <button
                                class="btn btn-primary btn-lg form-control"
                                data-toggle="modal"
                                data-target="#addModal{{$documentcategory->slug}}"
                                type="button"
                                name="button">{{$documentcategory->classification}}
                                </button>
                                <br><br>
                            </li>
                                
                                
                            
                            @elseif(Auth::check() && (auth()->user()->hasRole('admin') | auth()->user()->hasRole('author')))
                            <li>
                            <button
                                class="btn btn-primary btn-lg form-control"
                                data-toggle="modal"
                                data-target="#addModal{{$documentcategory->slug}}"
                                type="button"
                                name="button">{{$documentcategory->classification}}
                                </button>
                                <br><br>
                            </li>
                                
                                
                             @endif

                            <div class="modal fade" tabindex="-1" role="dialog" id="addModal{{$documentcategory->slug}}">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title">Add {{$documentcategory->classification}}</h4>
                                    </div>
                                    <div class="modal-body">
                                        <form action="{{ route('document.store') }}" method="post" enctype="multipart/form-data">
                                        {{csrf_field()}}
                                        <input type="hidden" class="form-control" name="name" value="{{$documentcategory->classification}}">
                                        <input type="hidden" class="form-control" name="documentcategory" value="{{$documentcategory->documentcategory}}">
                                        <input type="hidden" class="form-control" name="slug" value="{{$documentcategory->slug}}">
                                        <div class="form-group">
                                            <label for="dtp_input3" class="control-label" >
                                                Date
                                                @if ($documentcategory->slug == 'FiveDaysWeatherForecasts')
                                                    <span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" title="Select the start date of the 5 day period.">
                                                    </span>
                                                @endif
                                            </label>
                                            
                                            @if ($documentcategory->slug == '24HoursWeatherForecast')
                                            
                                            <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd hh:ii">
                                                            <input class="form-control" type="date" name="day_" required value="" id="datepicker">
                                                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                                        </div>
                                                        <input type="hidden" id="dtp_input2" value="" />
                                            @elseif ($documentcategory->slug == 'FiveDaysWeatherForecasts')
                                            
                                            <div class="input-group date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd hh:ii">
                                                            <input class="form-control" type="date" name="day_" required value="" id="datepicker">
                                                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                                        </div>
                                                        <input type="hidden" id="dtp_input2" value="" />
                                            @elseif ($documentcategory->slug == 'TenDaysWeatherForecasts')
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <select name="year_" class="form-control">
                                                        {{$gore = date('Y')}}
                                                        {{$month = date('m')}}
                                                        @if($month == 12) 
                                                            {{$gore++}}
                                                        @endif
                                                        <!-- <option value="{{$gore}}">{{$gore}}</option> -->
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <select name="month_" class="form-control">
                                                        <option value="January">January</option>
                                                        <option value="February">February</option>
                                                        <option value="March">March</option>
                                                        <option value="April">April</option>
                                                        <option value="May">May</option>
                                                        <option value="June">June</option>
                                                        <option value="July">July</option>
                                                        <option value="August">August</option>
                                                        <option value="September">September</option>
                                                        <option value="October">October</option>
                                                        <option value="November">November</option>
                                                        <option value="December">December</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <select name="dekad_" class="form-control">
                                                        <option value="1-10">1-10</option>
                                                        <option value="11-20">11-20</option>
                                                        <option value="21-end">21-end</option>
                                                    </select>
                                                </div>
                                            </div>
                                            @elseif ($documentcategory->slug == 'MonthlyWeatherForecasts')
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <select name="year_" class="form-control">
                                                        {{$gore = date('Y')}}
                                                        {{$month = date('m')}}
                                                        @if($month == 12) 
                                                            {{$gore++}}
                                                        @endif
                                                        <!-- <option value="{{$gore}}">{{$gore}}</option> -->
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-6">
                                                    <select name="month_" class="form-control">
                                                        <option value="January">January</option>
                                                        <option value="February">February</option>
                                                        <option value="March">March</option>
                                                        <option value="April">April</option>
                                                        <option value="May">May</option>
                                                        <option value="June">June</option>
                                                        <option value="July">July</option>
                                                        <option value="August">August</option>
                                                        <option value="September">September</option>
                                                        <option value="October">October</option>
                                                        <option value="November">November</option>
                                                        <option value="December">December</option>
                                                    </select>
                                                </div>
                                            </div>
                                            @elseif ($documentcategory->slug == 'SeasonalWeatherForecasts')
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <select name="year_" class="form-control">
                                                        {{$gore = date('Y')}}
                                                        {{$month = date('m')}}
                                                        @if($month == 12) 
                                                            {{$gore++}}
                                                        @endif
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                     </select>
                                                </div>
                                                <div class="col-md-6">
                                                    <select name="season_" class="form-control">
                                                        <option value="Oct-Dec">Oct to Dec</option>
                                                        <option value="Nov-Apr">Nov to Apr</option>
                                                        <option value="Mar-May">Mar to May</option>
                                                    </select>
                                                </div>
                                            </div>
                                            @elseif ($documentcategory->slug == 'DekadalWeatherReviewAndOutlook')
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <select name="year_" class="form-control">
                                                        {{$gore = date('Y')}}
                                                        {{$month = date('m')}}
                                                        @if($month == 12) 
                                                            {{$gore++}}
                                                        @endif
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                     </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <select name="month_" class="form-control">
                                                        <option value="January">January</option>
                                                        <option value="February">February</option>
                                                        <option value="March">March</option>
                                                        <option value="April">April</option>
                                                        <option value="May">May</option>
                                                        <option value="June">June</option>
                                                        <option value="July">July</option>
                                                        <option value="August">August</option>
                                                        <option value="September">September</option>
                                                        <option value="October">October</option>
                                                        <option value="November">November</option>
                                                        <option value="December">December</option>
                                                    </select>
                                                </div>
                                                <div class="col-md-4">
                                                    <select name="dekad_" class="form-control">
                                                        <option value="1-10">1-10</option>
                                                        <option value="11-20">11-20</option>
                                                        <option value="21-end">21-end</option>
                                                    </select>
                                                </div>
                                            </div>
                                            @elseif ($documentcategory->slug == 'SeasonalWeatherBulletin')
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <select name="year_" class="form-control">
                                                        {{$gore = date('Y')}}
                                                        {{$month = date('m')}}
                                                        @if($month == 12) 
                                                            {{$gore++}}
                                                        @endif
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                        {{$gore--}}
                                                        <option value="{{$gore}}">{{$gore}}</option>
                                                     </select>
                                                </div>
                                                <div class="col-md-6">
                                                    <select name="season_" class="form-control">
                                                        <option value="Oct-Dec">Oct to Dec</option>
                                                        <option value="Nov-Apr">Nov to Apr</option>
                                                        <option value="Mar-May">Mar to May</option>
                                                    </select>
                                                </div>
                                            </div>
                                            @endif
                                                        
                                                    </div>
                                        <div class="form-group">
                                            <label>Document</label>
                                            <input type="file" class="form-control" name="url" placeholder="">
                                        </div>
                                        <div class="form-group">
                                            <label>Description</label>
                                            <textarea class="form-control" name="description">
                                            </textarea>
                                        </div>
                                        <input type="submit" name="submit" value="Add document" class="btn btn-success">
                                        </form>
                                    </div>
                                    </div><!-- /.modal-content -->
                                </div><!-- /.modal-dialog -->
                                </div><!-- /.modal -->
                        @endforeach
</ul>
                </div>
                    

                </div>
            </div>
        </div>
    </div>
</div>
@endsection