@extends('layouts.default')

@section('content')

<div class="row">
<div class="col-sm-12">
    <h4 class="display-3">Crop stages</h4>   

    <div>
    <a style="margin: 19px;" href="{{ route('crop-stages.create')}}" class="btn btn-primary">New crop stage</a>
    </div>  

  <table class="table table-striped">
    <thead>
        <tr>
          <td>crop</td>
          <td>stage number</td>
          <td>stage name</td>
          <td colspan = 3>Actions</td>
        </tr>
    </thead>
    <tbody>
        @foreach($cropstages as $cropstage)
        <tr>
            <td>{{$cropstage->crop->crop_name }}</td>
            <td>{{$cropstage->stage_number }}</td>
            <td>{{$cropstage->stage_name }}</td>
            <td>
                <a href="{{ route('crop-stages.show',$cropstage->id)}}" class="btn btn-primary">Show</a>
            </td>            
            <td>
                <a href="{{ route('crop-stages.edit',$cropstage->id)}}" class="btn btn-primary">Edit</a>
            </td>
            <td>
                <form action="{{ route('crop-stages.destroy', $cropstage->id)}}" method="post">
                  @csrf
                  @method('DELETE')
                  <!-- <button class="btn btn-danger" type="submit">Delete</button>  -->
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
  </table>
<div>
</div>

@endsection