@extends('layouts.app')

@section('content')
<div class="container">
   
    <br />
    @if (\Session::has('success'))
      <div class="alert alert-success">
        <p>{{ \Session::get('success') }}</p>
      </div><br />
     @endif


 <h2>Create Task</h2>
 <br  />


<!-- Large modal -->
<button style="display:none;" type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" 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" id="gridSystemModalLabel">Modal title</h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
  
    </div>



  </div>
</div>

<!-- Small modal -->
<button type="button" style="display:none;" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button>

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

@php
  //dd($errors->all());
  //dd(request()->get('name'));
  //var_dump(  Request::old('name') );
@endphp

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

 <form method="post" action="{{url('tasks')}}" enctype="multipart/form-data">
  @csrf
       {{--  <input name="_method" type="hidden" value="PATCH"> --}}
        <div class="row">
          <div class="col-md-2"></div>
          <div class="form-group col-md-8">
            <label for="name">Name:</label>
          <input type="text" class="form-control" name="name" value="{{Request::old('name')}}">
          </div>
        </div>
        <div class="row">
          <div class="col-md-2"></div>
            <div class="form-group col-md-8">
              <label for="description">Description</label>
              <input type="text" class="form-control" name="description" value="{{Request::old('description')}}">
            </div>
          </div>

        <div class="row"> 
        <div class="col-md-2"></div>
        
            <div class="form-group col-md-8">
              <label for="description">Category</label>
              <input type="text" class="form-control" name="category" value="{{Request::old('category')}}">
            </div>
        </div>

        <div class="row"> 
          <div class="col-md-2"></div>
            <div class="form-group col-md-8">
                <label for="description">Monitor[show in home page]</label>
                <input type="text" class="form-control" name="monitor" value="{{Request::old('monitor')}}">
              </div>
          </div>

        <div class="row">
          <div class="col-md-2"></div>
            <div class="form-group col-md-8">
              <label for="number">Disabled [With 0 it will run , 1 will never run] :</label>
              <input type="text" class="form-control" name="disabled" value="0">
            </div>
        </div>

        <div class="row">
          <div class="col-md-2"></div>
          <div class="form-group col-md-8">
            @php
              $date=date_create();
              $date = date_format( $date ,'Y-m-d H:i');
            @endphp
            <strong>Starting Date and Hour for Task : </strong>  
            <input class="date form-control" value='{{$date}}'  type="text" id="datepicker" name="datestart">   
         </div>
        </div>


        <div class="row">
          <div class="col-md-2"></div>
          <div class="form-group col-md-8">
            @php
              $date=date_create();
              $date = date_format( $date ,'H:i');
            @endphp
            <strong>From : </strong>  
            <input type="text" class="form-control clockpicker" value="{{Request::old('from')}}"  name="from"> 
         </div>
        </div>


        <div class="row">
          <div class="col-md-2"></div>
          <div class="form-group col-md-8">
            @php
              $date=date_create();
              $date = date_format( $date ,'H:i:s');
            @endphp
            <strong>Till : </strong>  
            <input type="text" class="form-control clockpicker" value="{{Request::old('till')}}"  name="till"> 
         </div>
        </div>
        

      <script type="text/javascript">
      $('.clockpicker').clockpicker({
          placement: 'top',
          align: 'left',
          donetext: 'Done'
      });
      </script>



        <div class="row">
          <div class="col-md-2"></div>
            <div class="form-group col-md-8">
              <label data-toggle="tooltip" title='Insert the absolute url for your Task'   for="number">Url Destination:</label>
              <input type="text" class="form-control" name="url" value="{{Request::old('url')}}">
            </div>
        </div>

        <div class="row">
          <div class="col-md-2"></div>
          <div class="form-group col-md-8">
            <input type="file" name="filename">    
         </div>
        </div>

        <div class="row">
            <div class="col-md-2"></div>
              <div class="form-group col-md-8">
                <label for="number">Repeat every (1d every day, <b>1h</b> every hour, 1m every minute  , 1w every week):</label>
                <input type="text" class="form-control" name="repeat" value="1d">
              </div>
          </div>
        
        
{{--         <div class="row">
          <div class="col-md-4"></div>
            <div class="form-group col-md-4" style="margin-left:38px">
                <lable>Passport Office</lable>
                <select name="office">
                  <option value="Mumbai"  @if($passport->office=="Mumbai") selected @endif>Mumbai</option>
                  <option value="Chennai"  @if($passport->office=="Chennai") selected @endif>Chennai</option>
                  <option value="Delhi" @if($passport->office=="Delhi") selected @endif>Delhi</option>  
                  <option value="Bangalore" @if($passport->office=="Bangalore") selected @endif>Bangalore</option>
                </select>
            </div>
        </div> --}}
        <div class="row">
          <div class="col-md-4"></div>
          <div class="form-group col-md-4" style="margin-top:60px">
            <button type="submit" class="btn btn-success">Submit</button>
          </div>
        </div>
      </form>
    </div>


<script type="text/javascript">  
  $('#datepicker').datetimepicker({ 
      autoclose: true,   
      /* format: 'dd-mm-yyyy'   */
    });  

  
  $(document).ready(function(){
      $('[data-toggle="tooltip"]').tooltip();   
    
  });
</script>
</div>
@endsection