@extends('user.template')
@section('title', $title)
@section('head')
@endsection

@section('content')

<div class="row">
  <div class="col-md-12 grid-margin">
    <div class="row">
      <div class="col-12 col-xl-9 mb-4 mb-xl-0">
        <h3 class="font-weight-bold">{{$title}}</h3>
        <h6 class="font-weight-normal mb-0">{{$title}}</h6>
      </div>
      <div class="col-12 col-xl-3">
        <a href="{{route('user.renja.create')}}" class="btn btn-success btn-block">Buat {{$title}} Baru</a>
      </div>
    </div>
  </div>
</div>

<div class="row">
  @foreach ($datas as $data)
    <div class="col-md-4">
      <div class="card mb-4">
        <div class="card-body">
          <b class="card-title">Periode {{$data->periode}}</b><br>
          <b class="font-weight-500 mb-xl-4 text-primary">{{$data->entitas}}</b> <br>
          <small>Update {{tanggal_waktu($data->updated_at)}}</small> <br>

          <div class="mt-3 mb-5">
            @if($data->program != "null")
            <small> {{count(json_decode($data->program)) ?? 0}} Program</small>
            @endif
          </div>
          <a href="{{route('user.renja.show',['id'=>$data->id])}}" class="btn btn-info btn-block">Detail</a>
        </div>
      </div>
    </div>
  @endforeach
</div>
@endsection

@section('script')
@endsection