@extends('layouts.app')

@section('content')
<div class="card">
    <div class="card-body">
    <h4 class="card-title">Update Projects</h4>
    <h6 class="card-subtitle"></h6>
      <div class="x_content">
        <form id="demo-form2" action="{{ url('/admin/projects/'.$project->id) }}" method="post" data-parsley-validate class="form-horizontal form-label-left">
          {{ csrf_field() }}
          <input name="_method" type="hidden" value="PUT">
          <div class="form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Title <span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <input type="text" id="first-name" name="name" required="required" class="form-control col-md-7 col-xs-12" value="{{ $project->name }}">
              @if ($errors->has('name'))
                  <span class="help-block">
                      <strong>{{ $errors->first('name') }}</strong>
                  </span>
              @endif
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="first-name">Description<span class="required">*</span>
            </label>
            <div class="col-md-6 col-sm-6 col-xs-12">
              <textarea name="description" required="required" class="form-control col-md-7 col-xs-12">{{ $project->description }}</textarea>
              @if ($errors->has('description'))
                  <span class="help-block">
                      <strong>{{ $errors->first('description') }}</strong>
                  </span>
              @endif
            </div>
          </div>
          <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-12">
            <input type="checkbox" name="status" class="" id="status_checkbox" @if($project->status) checked="checked" @endif />
            <label class="control-label col-md-3 col-sm-3 col-xs-12" for="status_checkbox">Status <span class="required">*</span>
            </label>
             @if ($errors->has('status'))
                  <span class="help-block">
                      <strong>{{ $errors->first('status') }}</strong>
                  </span>
              @endif
            </div>
          </div>
          <div class="ln_solid"></div>
          <div class="form-group">
            <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
              <button type="submit" class="btn btn-success">Submit</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
<div class="card">
  <div class="card-body">
    <h4 class="card-title">Projects</h4>
      <div class="x_content">
        <table id="datatable-fixed-header" class="table table-striped table-bordered">
          <thead>
            <tr>
              <th>Title</th>
              <th>Description</th>
              <th>Status</th>
              <th>Created at</th>
              <th>Action</th>
            </tr>
          </thead>


          <tbody>
          @foreach ($projects as $project)
            <tr>
              <td>{{ $project->name }}</td>
              <td>{{ $project->description }}</td>
              <td>{{ $project->status }}</td>
              <td>{{ $project->created_at }}</td>
              <td>
                <a type="button" class="btn btn-success" href="{{ url('/admin/projects'.'/'.$project->id) }}">Edit</a>
                <a type="button" class="btn btn-danger" href="{{ url('/admin/deleteprojects'.'/'.$project->id) }}">Delete</a>
              </td>
            </tr>
          @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
@endsection
@section('javascript')
<script>
  jQuery(document).ready(function() {
   jQuery('#datatable-fixed-header').DataTable({
      fixedHeader: true
    });
  });
</script>
@endsection