@if(session('success'))
    <div class="alert alert-success">
      <button data-dismiss="alert" class="close" type="button">&times;</button>
      {{session('success')}}
    </div><!--alert--> <br>
@endif

@if(session('error'))
    <div class="alert alert-danger">
      <button data-dismiss="alert" class="close" type="button">&times;</button>
      {{session('error')}}
    </div><!--alert--> <br>
@endif

<div class="form-group {{ $errors->has('doctor') ? ' has-error' : '' }}">                                                    
    <label class="col-lg-12 control-label">Doctor</label>
    <div class="col-lg-12">
        <select name="doctor" id="doctor" class="form-control">

            <option value="">Please select</option>

            @if(isset($doctors) && count($doctors) > 0 )
                @foreach($doctors as $key => $value)
                <option value="{{ $value->id }}">{{ $value->name }}</option>
                @endforeach
            @endif

        </select>

        @if ($errors->has('doctor'))
             <span class="help-block">{{ $errors->first('doctor') }}</span>
        @endif  

    </div>
</div> 
 
<div class="form-group">

    <label class="col-lg-12 control-label">Schedule Date</label>

    <div class="col-lg-12"> 
        <input type="text" name="date" id="datetimepicker01" placeholder="" class="form-control" required>
        
        @if ($errors->has('date'))
            <label class="error">{{ $errors->first('date') }}</label> 
        @endif
    </div>

</div>

<div class="form-group">

    <label class="col-lg-12 control-label">Schedule (Hour)</label>

    <div class="col-lg-12"> 
        <select name="hour" class="form-control" required>
            <option value="00">12am</option>
            <option value="01">1am</option>
            <option value="02">2am</option>
            <option value="03">3am</option>
            <option value="04">4am</option>
            <option value="05">5am</option>
            <option value="06">6am</option>
            <option value="07">7am</option>
            <option value="08">8am</option>
            <option value="09">9am</option>
            <option value="10">10am</option>
            <option value="11">11am</option>
            <option value="12">12pm</option>
            <option value="13">1pm</option>
            <option value="14">2pm</option>
            <option value="15">3pm</option>
            <option value="16">4pm</option>
            <option value="17">5pm</option>
            <option value="18">6pm</option>
            <option value="19">7pm</option>
            <option value="20">8pm</option>
            <option value="21">9pm</option>
            <option value="22">10pm</option>
            <option value="23">11pm</option>
        </select>

        @if ($errors->has('hour'))
            <label class="error">{{ $errors->first('hour') }}</label> 
        @endif

    </div>
</div>

<div class="form-group">
    <label class="col-lg-12 control-label">Schedule (Minute)</label>

    <div class="col-lg-12"> 
        <select name="minute" class="form-control" required>
            <option value="00">00</option>
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
            <option value="05">05</option>
            <option value="06">06</option>
            <option value="07">07</option>
            <option value="08">08</option>
            <option value="09">09</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
            <option value="32">32</option>
            <option value="33">33</option>
            <option value="34">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
            <option value="40">40</option>
            <option value="41">41</option>
            <option value="42">42</option>
            <option value="43">43</option>
            <option value="44">44</option>
            <option value="45">45</option>
            <option value="46">46</option>
            <option value="47">47</option>
            <option value="48">48</option>
            <option value="49">49</option>
            <option value="50">50</option>
            <option value="51">51</option>
            <option value="52">52</option>
            <option value="53">53</option>
            <option value="54">54</option>
            <option value="55">55</option>
            <option value="56">56</option>
            <option value="57">57</option>
            <option value="58">58</option>
            <option value="59">59</option>
        </select>

        @if ($errors->has('minute'))
            <label class="error">{{ $errors->first('minute') }}</label> 
        @endif

    </div>

</div>

<div class="form-group">
    <div class="form-group col-md-12">
        <label for="remark">Remark</label>
        <input type="text" value="" data-msg-required="Key in the remark" maxlength="100" class="form-control" name="remark" id="remark" placeholder="Key in the remark">
    </div>

    @if ($errors->has('remark'))
    <span class="help-block">
        <strong>{{ $errors->first('remark') }}</strong>
    </span>
    @endif    

</div>

<div class="form-group">
    <div class="col-lg-offset-4 col-lg-12">
        {{ csrf_field() }}
        <button class="btn btn-primary btn-rounded btn-4 font-weight-semibold text-0" type="submit">Save</button>
        <button class="btn btn-default btn-rounded btn-4 font-weight-semibold text-0" type="reset">Reset</button>
    </div>
</div>