@extends('admin.layouts.master')
@section('content')
<div class="content-header"> 
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">SupportFit Badge</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
              <li class="breadcrumb-item active"><a href="{{asset(route('badge.index'))}}">SupportFit Badge</li><a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
      @if(session()->has('success'))
          <div class="alert alert-success">
              {{ session()->get('success') }}
          </div>
      @endif
      @if(session()->has('error'))
          <div class="alert alert-success">
              {{ session()->get('error') }}
          </div>
      @endif
    <section class="content">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
               <a href="{{ route('badge.create') }}"><button class="btn btn-primary">Add New SupportFit Badge</button></a>
            </div>
            <div class="card-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Id</th>
                  <th>Name</th>
                  <th>period (days)</th>
                  <th>Target</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                  @foreach($badges as $key=>$row)
                    <tr>
                      <td>{{$row->id}}</td>
                      <td>{{$row->name}}</td>
                      <td>{{$row->days}}</td>
                      <td>{{$row->target}}</td>
                      <td>
                        <a href="{{ route('badge.edit', $row->id) }}" data-toggle="tooltip" title="Edit badge"><button class="btn-sm btn-info"><i class="fa fa-edit"></i></button></a>
                        <a class="label label-danger" href="javascript:" data-toggle="tooltip" title="Delete badge" onclick="delete_row(this)"><button class="btn-sm btn-danger"><i class="fa fa-trash"></i></button></a>
                        <form action="{{ route('badge.destroy',$row->id) }}" method="POST">
                          {{ method_field('DELETE') }}
                          {{ csrf_field() }}
                        </form>
                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
@endsection