@extends('layouts.admin')

@section('content')
@if(session()->has('message'))
<div class="alert alert-success">
  {{ session()->get('message') }}
</div>
@endif
<div class="row">

  <div class="col-xl-3 col-md-4 mb-3">
    <div class="card border-left-primary shadow h-100 py-2">
      <div class="card-body">
        <div class="row no-gutters align-items-center">
          <div class="col mr-3">
            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
            Total Target</div>
            <div class="h5 mb-0 font-weight-bold text-gray-800">{{$total}}</div>
          </div>
          <div class="col-auto">

          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-xl-3 col-md-4 mb-3">
    <div class="card border-left-primary shadow h-100 py-2">
      <div class="card-body">
        <div class="row no-gutters align-items-center">
          <div class="col mr-3">
            <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
            Total Achived Target</div>
            <div class="h5 mb-0 font-weight-bold text-gray-800">Hardcoded12121</div>
          </div>
          <div class="col-auto">

          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-xl-3 col-md-4 mb-3">
    <div class="card border-left-success shadow h-100 py-2">
      <div class="card-body">
        <div class="row no-gutters align-items-center">
          <div class="col mr-3">
            <div class="text-xs font-weight-bold text-success text-uppercase mb-1">
            District Target</div>
            <div class="h5 mb-0 font-weight-bold text-gray-800">
              {{$dt}}
            </div>
          </div>
          <div class="col-auto">
          </div>
        </div>
      </div>
    </div>
  </div>


  <!-- Earnings (Monthly) Card Example -->
  <div class="col-xl-3 col-md-4 mb-3">
    <div class="card border-left-info shadow h-100 py-2">
      <div class="card-body">
        <div class="row no-gutters align-items-center">
          <div class="col mr-3">
            <div class="text-xs font-weight-bold text-info text-uppercase mb-1">Achived District Target
            </div>
            <div class="row no-gutters align-items-center">
              <div class="col-auto">
                <div class="h5 mb-0 mr-3 font-weight-bold text-gray-800">Hardcode54564</div>
              </div>
              <div class="col">
                <div class="progress progress-sm mr-2">
                  <div class="progress-bar bg-info" role="progressbar"
                  style="width: 50%" aria-valuenow="50" aria-valuemin="0"
                  aria-valuemax="100"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
  <div class="col-sm-12">

    <a style="margin: 5px;" href="{{ route('support.create')}}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></a>   
    <table class="table table-hover">
      <thead class="p-3 mb-2 bg-primary text-white">
        <tr class="indextr">
          <td>Project</td>
          <td>Result</td>
          <td>Activity</td>
          <td>Activity Type</td>
          <td>Total Amount</td>
          <td>Total Target</td>
          <td>Achived</td>
          <td>Action</td>
        </tr>
      </thead>
      <tbody>

        @foreach($users as $user)
        @foreach($data as $repo)
        @if($user->district_id==$repo->district && $ugroup==$repo->activity->responsible )

        <tr>
          <td>{{$repo->activity->results->project->code}}</td>
          <td>{{$repo->activity->results->title}}</td>
          <td>{{$repo->activity->title}}</td>
          <td>{{$activity_type}}</td>
          <td>{{$repo->activity->budget}}</td>
          <td>{{$repo->activity->total_target}}</td>



          <td>

            <form action="{{ route('support.destroy', $repo->id)}}" method="post">
             <a class="btn-xs" href="{{ route('support.edit',$repo->id) }}" ><i class="fa fa-edit"></i></a>
             @csrf
             @method('DELETE')
             <a href="" class="btn-xs" onclick="this.closest('form').submit();return false;" type="submit"><i class="fa fa-trash" style="color:red"></i></a>
             <!--button class="btn-xs btn-danger" type="submit">Delete</button-->
           </form>

         </td>
       </tr>
       @endif
       @endforeach
       @endforeach
     
       

     </tbody>
   </table>

 </div>
</div>

@endsection