@extends('layouts.app')
@section('content')

<div class="row">
  

  <div class="col-md-12">
    
      <h1>Projekty</h1>


  </div>



  <div class="row">
    
      <div class="table table-responsive">
        
          <table class="table table-bordered" id="table">
            

              <tr>
                <th width="150px"></th>
                 <th>Tytuł</th> 
                 <th>Opis</th> 
                 <th>Dodany</th> 

                 <th class="text-center" width="150px">
                    <a class="create-modal btn btn-success btn-sm">
                        <i class="glyphicon glyphicon-plus"></i>

                    </a>

                 </th>
              </tr>
              {{ csrf_field() }}
                              @foreach ($projects as $value)
                    <tr class="post{{$value->id}}">
                    <td>{{ $value->id }}</td>
                    <td>{{ $value->title }}</td>
                    <td>{{ $value->description }}</td>
                    <td>{{ $value->created_at }}</td>
                    <td>
                      <a href="#" class="show-modal btn btn-info btn-sm" data-id="{{$value->id}}" data-title="{{$value->title}}" data-body="{{$value->description}}">
                        <i class="fa fa-eye"></i>
                      </a>
                      <a href="#" class="edit-modal btn btn-warning btn-sm" data-id="{{$value->id}}" data-title="{{$value->title}}" data-body="{{$value->description}}">
                        <i class="glyphicon glyphicon-pencil"></i>
                      </a>
                      <a href="#" class="delete-modal btn btn-danger btn-sm" data-id="{{$value->id}}" data-title="{{$value->title}}" data-body="{{$value->description}}">
                        <i class="glyphicon glyphicon-trash"></i>
                      </a>
                    </td>
                  </tr>
                @endforeach
          </table>
      </div>
{{ $projects->links() }}

  </div>

</div>
{{-- formularz dodaj --}}
<div id="create" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" role="form">
          <div class="form-group row add">
            <label class="control-label col-sm-2" for="title">Tytuł :</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="title" name="title"
              placeholder="Tytuł" required>
              <p class="error text-center alert alert-danger hidden"></p>
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-sm-2" for="body">Treść :</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="description" name="description"
              placeholder="Opis" required>
              <p class="error text-center alert alert-danger hidden"></p>
            </div>
          </div>
        </form>
      </div>
          <div class="modal-footer">
            <button class="btn btn-warning" type="submit" id="add">
              <span class="glyphicon glyphicon-plus"></span>Zapisz projekt
            </button>
            <button class="btn btn-warning" type="button" data-dismiss="modal">
              <span class="glyphicon glyphicon-remobe"></span>Zamknij
            </button>
          </div>
    </div>
  </div>
</div></div>
{{-- Modal Form Show POST --}}
<div id="show" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title"></h4>
       </div>
       <div class="modal-body">
          <div class="form-group">
              <label for="">ID :</label>
               <b id="i"/>
          </div>
          <div class="form-group">
              <label for="">Tytuł :</label>
                <b id="ti"/>
          </div>
           <div class="form-group">
              <label for="">Opis :</label>
                 <b id="by"/>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-earning"  data-dismiss="modal">
              <span class="glyphicon glyphicon-remove"></span>Zamknij
            </button>
          </div>


    </div>
   </div>
</div>

{{-- edytuj / usun projekt --}}
<div id="myModal"class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
        <form class="form-horizontal" role="modal">
          <div class="form-group">
            <label class="control-label col-sm-2"for="id">ID</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="fid" disabled>
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-sm-2"for="title">Tytuł</label>
            <div class="col-sm-10">
            <input type="name" class="form-control" id="t">
            </div>
          </div>
          <div class="form-group">
            <label class="control-label col-sm-2"for="body">Opis</label>
            <div class="col-sm-10">
            <textarea type="name" class="form-control" id="b"></textarea>
            </div>
          </div>
        </form>
{{-- Form Delete Post --}}
        <div class="deleteContent">
          Czy napewno usunąć  <span class="title"></span>?
          <span class="hidden id"></span>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn actionBtn" data-dismiss="modal">
          <span id="footer_action_button" class="glyphicon"></span>
        </button>
        <button type="button" class="btn btn-warning" data-dismiss="modal">
          <span class="glyphicon glyphicon"></span>Zamknij
        </button>
      </div>
    </div>
  </div>
</div>


@endsection