@extends('layouts.app')

@section('title', 'Edit Project | ')

@section('content')

        <!-- Page Content -->
        <div class="content container-fluid" style="background: #fff">                    
          <!-- Content Starts -->
          <div class="row">
            <div class="col-sm-12">                             
                
                 <form method="post" action="/project/update/{{ base64_encode($project->id) }}" class="" >
                  @csrf
                    <div class="col-sm-8 offset-sm-2">
                    
                    <div class="" style="padding: 25px 0; ">

                    <h3 class=" text-center">Project Details <small>(Edit Project)</small></h3>
                    <!-- row -->
                    <div class="row">
                    <div class="col-sm-12">
                      <div class="form-group ">
                        <label>Project Name <span class="text-danger">*</span></label>
                        <input class="form-control @if ($errors->has('name')) is-invalid @endif" type="text" value="{{$project->projectName}}" name="name">
                        @if ($errors->has('name')) <div class=" invalid-feedback">{{ $errors->first('name') }}</div> @endif
                      </div>
                    </div>                    
                    </div>
                    <!-- row end -->
                    <!-- row -->
                    <div class="row">
                    <div class="col-sm-12">
                      <div class="form-group">
                        <label>Description</label>                        
                        <textarea class="form-control summernote" name="description">{{$project->description}}</textarea>
                        @if ($errors->has('description')) <div class="text-danger">{{ $errors->first('description') }}</div> @endif    
                      </div>
                    </div>                    
                    </div>
                              
                    <div class="row typeRow" >                    
                    <div class="col-sm-6" >
                      <div class="form-group" >
                        <label>Type <span class="text-danger">*</span></label>
                        <select class="select form-control project_type" name="type">
                          <option value="">Select </option>
                          <option value="fixed" {{ $project->type == 'fixed' ? 'selected="selected"' : '' }} {{ old('type') == 'fixed' ? 'selected="selected"' : '' }} >Fixed Timeline</option>
                          <option value="product" {{ $project->type == 'product' ? 'selected="selected"' : '' }} {{ old('type') == 'product' ? 'selected="selected"' : '' }}>Recuring Work</option>
                          
                        </select>
                         @if ($errors->has('type')) <div class="text-danger">{{ $errors->first('type') }}</div> @endif  
                        <small class="text-muted">(If Project Type is re-curing work, so there is no required deadline. )</small>
                      </div>
                    </div>
                    
                  </div>
                   <!-- end row -->
                  @if($project->type=='fixed')
                   <div class="row timeLineDate " >
                    <div class="col-sm-3">
                      <div class="form-group">
                        <label>Start Date </label>
                        <div class="cal-icon">
                          <input class="form-control " id="" type="text" name="start_date" placeholder="dd-mm-yyyy" value="{{date('d-m-Y',strtotime($project->start_date))}}" readonly>
                           @if ($errors->has('start_date')) <div class=" text-danger">{{ $errors->first('start_date') }}</div> @endif
                        </div> 
                      </div>
                    </div>
                    <div class="col-sm-3">
                      <div class="form-group">
                        <label>End Date</label>
                        <div class="cal-icon">
                          <input class="form-control " id="" type="text" name="end_date" placeholder="dd-mm-yyyy" value="{{date('d-m-Y',strtotime($project->end_date))}}" readonly>
                          @if ($errors->has('end_date')) <div class=" text-danger">{{ $errors->first('end_date') }}</div> @endif
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-3">
                      <div class="form-group">
                        <label>Total Days</label>
                        <div class="la la-time">
                          <input class="form-control total_days " type="text" value="{{$project->total_days}}" readonly>
                        </div>
                      </div>
                    </div>
                  </div>
                  @endif

                  <!--  -->
                  <!--  <div class="row  " >
                    <div class="col-sm-3">
                      <div class="form-group">
                        <label> Want to Extend Time Line </label>                        
                         
                      </div>
                    </div>
                    <div class="col-sm-3">
                      <div class="form-group">
                        <label> <input class="form-control checkExtend" type="checkbox" name="" > </label>
                       
                      </div>
                    </div>                   

                  </div>
                  
                   <div class="row  checkExtendRow hide" >
                    <div class="col-sm-3">
                      <div class="form-group">
                         <label>Next Date</label>
                        <div class="cal-icon">
                          <input class="form-control " id="" type="text" name="end_date" placeholder="dd-mm-yyyy" value="" >                          
                        </div>
                        
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                       <label> Reason </label>                        
                          <input class="form-control " type="text" name="" >                        
                      </div>
                    </div>                   

                  </div>  -->
                  <!--  -->
                  <!-- row -->
                  <div class="row" >                                        
                    <div class="col-sm-6" data-select2-id="40">
                      <div class="form-group" data-select2-id="39">
                        <label>Actually start date <span class="text-danger">*</span> </label>
                        <div class="cal-icon">
                          <input class="form-control " type="text" name="actual_start_date" placeholder="dd-mm-yyyy" value="{{date('d-m-Y',strtotime($project->actual_start_date))}}" readonly>
                           @if ($errors->has('actual_start_date')) 
                           <div class="text-danger">{{ $errors->first('actual_start_date') }}</div> @endif
                          <small class="text-muted">(System will track from this date. )</small>
                        </div>
                      </div>
                    </div>

                    <div class="col-sm-3" >
                      
                    </div>
                  </div>
                  <!-- end row -->
                  <div class="row">
                    <div class="col-sm-6">
                      <div class="form-group">
                        <label>Project Leader <span class="text-danger">*</span></label>                        
                        <select class="select form-control " name="project_leader">
                          <option value="">Select an user </option>
                          @if(count($leaders) > 0)
                          @foreach($leaders as $item)
                            <option value="{{$item->id}}" {{ old('project_leader') == $item->id ? 'selected="selected"' : '' }}  
                              @if ($projectLeader !=null) $projectLeader->user_id == $item->id ? 'selected="selected"' : '' @endif > {{$item->userName}} </option>
                          @endforeach
                          @else
                          <span class="text-danger">Please add user and assign Role Manager, Team Leader etc.</span>
                          @endif
                        </select>                        
                         @if ($errors->has('project_leader')) <div class=" text-danger">{{ $errors->first('project_leader') }}</div> @endif
                        <small class="text-muted">(Who will be responsible for all project activity.)</small>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label>Team Leader</label>
                        <div class="project-members">
                          <a href="#" data-toggle="tooltip" title="" class="avatar" data-original-title="user name">
                            <img src="{{ asset('images/avtar.png') }}" alt="">
                          </a>
                        </div> -->
                      </div>
                    </div>
                  </div>
                  <!--  -->

                  <!-- end row -->
                  <div class="row">
                    <div class="col-sm-6">
                      <div class="form-group">
                        <label>Status</label>                        
                        <select class="select form-control " name="status">
                          <option value="">Select a status </option>
                          <option value="created"  {{ $project->status == 'created'? 'selected="selected"' : '' }}>Not started yet</option>
                          <option value="working" {{ $project->status == 'working'? 'selected="selected"' : '' }}>Working</option>
                          <option value="finished" {{ $project->status == 'finished'? 'selected="selected"' : '' }}>Delivered</option>                          
                          <!-- <span class="text-danger">Please add user and assign Role Manager, Team Leader etc.</span> -->
                          
                        </select>                        
                         
                        <small class="text-muted">Update project status</small>
                      </div>
                    </div>
                    <div class="col-sm-6">
                      <div class="form-group">
                        <!-- <label>Team Leader</label>
                        <div class="project-members">
                          <a href="#" data-toggle="tooltip" title="" class="avatar" data-original-title="user name">
                            <img src="{{ asset('images/avtar.png') }}" alt="">
                          </a>
                        </div> -->
                      </div>
                    </div>
                  </div>
                  <!--  -->


                  <div class="submit-section">
                    <button class="btn btn-primary submit-btn">Update</button>
                  </div>                                    
                  
                  {!! Form::close() !!}
                  
                </div>
              
              </div>
              
            </div>
          </div>
          <!-- /Content End -->
          
     </div>
    <!-- /Page Content -->
    
@stack('scripts')

<script type="text/javascript">

$(document).ready(function() {

//
$('.project_type').change(function(){
      
   var type = $(this).val();
   if(type=='seo' || type=='product')
   {
      $('.timeLineDate').hide();        
   }
   else
   {
      $('.timeLineDate').show();        
   }  

});

$('.checkExtend').click(function(e){
      
  var isChecked = $(this).is(':checked');
   if(isChecked )
   {  
      $('.checkExtendRow').removeClass('hide');        
      $('.checkExtendRow').addClass('show');          
   }
   else
   {
      $('.checkExtendRow').addClass('hide');        
      $('.checkExtendRow').removeClass('show');        
   }  
       
});

//
$( "#from_date,#to_date" ).datepicker({
changeMonth: true,
changeYear: true,
firstDay: 1,
autoclose:true,
todayHighlight: true,
format: 'dd-mm-yyyy',
startDate:'today'
});
 
$( "#from_date" ).datepicker({ dateFormat: 'dd-mm-yyyy' });
$( "#to_date" ).datepicker({ dateFormat: 'dd-mm-yyyy' });
 
$(document).on('change','#to_date',function() {

var start = $('#from_date').datepicker('getDate');
var end   = $('#to_date').datepicker('getDate');
 
if (start==end) {  
  alert('ok');
  var days   = (end - start)/1000/60/60/24;
  $('.total_days').val('1');
}

if (start < end) {  
  var days   = (end - start)/1000/60/60/24+(1);
  $('.total_days').val(days);
}

if (start > end) {
  alert ("Please select appropriate date from!");
  $('#from_date').val("");
  $('#to_date').val("");
  $('.total_days').val("");
 }

 });

//
$(document).on('change','#from_date',function() {

var start = $('#from_date').datepicker('getDate');
var end   = $('#to_date').datepicker('getDate');
 


 });

});
                  
</script>             

@endsection