    @extends('layouts.main')
    
    @section('content')
    
    <!-- Content Wrapper. Contains page content -->
    
    <div class="content-wrapper">
    
    <!-- Content Header (Page header) -->
    
    <section class="content-header">
    
    <div class="container-fluid">
    
    <div class="row mb-2">
    
    <div class="col-sm-6">
    
    <h1> <a href="{{url('add_investigationOfficer')}}"> Add Officers</a> </h1>
    
    </div>
    
    @if(session('message'))
    
    <span class="alert alert-success">{{session('message')}}</span>
    
    @endif        
    
    <div class="col-sm-6">
    
    <ol class="breadcrumb float-sm-right">
    
    <li class="breadcrumb-item"> <a href="#">Home</a> </li>
    
    <li class="breadcrumb-item active"> Officers </li>
    
    </ol>
    </div>
    </div>
    </div>
    <!-- /.container-fluid -->
    </section>
    <!-- Main content -->
    
    <section class="content">
    <div class="container-fluid">
    <div class="row">
    <div class="col-md-12">
    <div class="card">
    <div class="card-header">
    <h3 class="card-title"> View Officers </h3>
    </div>
    <!-- /.card-header -->
    
    <div class="card-body">
    
    <table id="example" class="table table-striped table-bordered" style="width:100%">
    
    <thead>
    <tr style = "background-color: cornflowerblue;
    color: aliceblue;">
    
                <th>Sr. No.</th>
                <th> Name </th>
                <th> Designation</th>
                <th>Mobile</th> 
                <th>Adhar No</th> 
                <th>Upload Adhar</th>
                
               
    </tr>
    
    </thead>
    
    <tbody>
    
    
    @php
    
    $i=1
    
    @endphp
    
    @php
    
    $i=1
    @endphp
    @foreach($investigation_officer as $GoogleAdsLeads2)     
    
    <tr>
    <td>{{$i++}}</td>
    <td>{{$GoogleAdsLeads2['name']}}</td>
    <td>{{$GoogleAdsLeads2['designation']}}</td>
    <td>{{$GoogleAdsLeads2['mobile']}}</td>
    <td>{{$GoogleAdsLeads2['adhar_no']}}</td>
    <td>Yes</td>
    
    </tr>
    
    @endforeach
    
    </tbody>
    
    </table>
    
    </div>
    <!-- /.card-body -->
    </div>
    <!-- /.card -->
    <!-- /.card -->
    </div>
    <!-- /.col -->        
    <!-- /.col -->
    </div>
    <!-- /.row -->
    <!-- /.row -->
    <!-- /.row -->
    <!-- /.row -->
    <!-- /.row -->
    </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
    </div>
    @endsection