@extends('layouts.default')

@section('content')

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

    @if(Auth::check() && (auth()->user()->hasRole('admin') | auth()->user()->hasRole('editor') | auth()->user()->hasRole('agric_editor')))
    <div>
    <a style="margin: 19px;" href="{{ route('monthly-crop-reports.create')}}" class="btn btn-primary">New crop report</a>
    </div>  
    @endauth

  <table class="table table-striped">
    <thead>
        <tr>
          <td>region</td>
          <td>station</td>
          <td>observation date</td>
          <td>observer</td>
          <td>crop</td>
          <td colspan = 3>Actions</td>
        </tr>
    </thead>
    <tbody>
        @foreach($cropreports as $cropreport)
        <tr>
            <td>{{$cropreport->region_id }}</td>
            <td>{{$cropreport->station_id }}</td>
            <td>{{$cropreport->observation_date }}</td>
            <td>{{$cropreport->observer }}</td>
            <td>{{$cropreport->crop_id }}</td>
            <td>
                <a href="{{ route('monthly-crop-reports.show',$cropreport->id)}}" class="btn btn-primary">Show</a>
            </td>            
            <td>
                <a href="{{ route('monthly-crop-reports.edit',$cropreport->id)}}" class="btn btn-primary">Edit</a>
            </td>
            <td>
                <form action="{{ route('monthly-crop-reports.destroy', $cropreport->id)}}" method="post">
                  @csrf
                  @method('DELETE')
                  <!-- <button class="btn btn-danger" type="submit">Delete</button>  -->
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
  </table>
<div>
</div>

@endsection