@extends('layouts.admin')

@section('content')
@if(session()->has('message'))
<div class="alert alert-success">
    {{ session()->get('message') }}
</div>
@endif
@if(Auth::check())
<div class="col-12 col-sm-12">
<div class="card card-primary card-outline card-tabs">
<div class="card-header p-0 pt-1 border-bottom-0">
<ul class="nav nav-tabs" >
@can('user_access',Auth::user())    
<li class="nav-item">
<a class="nav-link "  href="{{route('users.index')}}"  aria-selected="false"  role="tabpanel">Users</a>
</li>
@endcan
@can('role_access',Auth::user())
<li class="nav-item">
<a class="nav-link "  href="{{route('roles.index')}}"  aria-selected="false"  role="tabpanel">Roles</a>
</li>
@endcan
@can('permission_access',Auth::user())
<li class="nav-item">
<a class="nav-link  "  href="{{route('permissions.index')}}"  aria-selected="false"  role="tabpanel">Permissions</a>
</li>
@endcan
@can('choices_access',Auth::user())
<li class="nav-item">
<a class="nav-link "  href="{{route('choices.index')}}"  aria-selected="false"  role="tabpanel">Lookup</a>
</li>
@endcan
@can('geo_access',Auth::user())
<li class="nav-item">
<a class="nav-link "  href="{{route('geo.index')}}"  aria-selected="false"  role="tabpanel">Administrative Unit</a>
</li>
@endcan
@can('demo_access',Auth::user())
<li class="nav-item">
<a class="nav-link  active"  href="{{route('demo.index')}}"  aria-selected="false"  role="tabpanel">Demographies</a>
</li>
@endcan
</ul>
</div>
</div>
@endif

<form method="POST" action="{{ route('demo.store') }}">
  @csrf 
    <small>
        <div class="card card card-secondary">
            <div class="card-header-new">
                <Span class="card-title">Add  Demographics</span>
                <div class="card-tools">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
                </div>
            </div>
        </div>

            <!-- /.card-header -->
            <div class="card-body">
        <input type="hidden" name="geographies_id" value="{{$demo->geographies_id}}">
        <input type="hidden" name="type" value="{{$demo->type}}">
              
    
                
         <div class="row">
         
        <div class="col-sm-4">
       <label for="indicator">Administrative Unit Indicators</label>
   </div>
      <div class="col-sm-3">
    </div>
</div>
                            <div class='row'>
                @foreach($indicator_list as $il)
                <div class="col-sm-3">
                <input type="hidden" name="indicator[]" value="{{$il->id}}"><label>{{$il->description}}</label>
                 <input type="number" class="form-control" name="value[]" value={{$demo->value}}>
                </div>
                    @if($count++%4==0)
                    <div class="w-100"></div>
                    @endif
                    @endforeach
</div>
</div>
     
        <div class="col-sm-4">
       <label for="type">Source</label>
                <select class="form-control" name="source" id="source" required >
                    <option value="">{{$demo->source}}</option>
                    @foreach($source_list as $source)
                    <option value="{{$source->description}}">{{$source->description}}</option>
                    @endforeach
                    </select>
        </div> 
        <div class="row">
                <div class="col-sm-4">
                <button type="submit" class="btn btn-primary float-right ">Save Demographics</button>
                </div>
            </div>
          
            </div>  
            </div>
        </div>
    </small>
</form>
            
        </div>
            
@endsection