@extends('admin.default')
@section('title', 'Admin |Country')
@section('content')
<div class="container">
    <!-- <div class="row justify-content-center"> -->
    <!-- <table class="table table-responsive table-striped">
            <tbody>
                @foreach($country as $key=>$record)
                <tr>
                    <td class="bg-primary">{{$loop->iteration}}. {{ucwords($key)}}</td>
                    @foreach($record as $num=>$res)
                    <td>
                        {{$res['type'] }}
                        <a href="#">{{$res['id'] }}</a>
                    </td>
                    @endforeach
                </tr>
                @endforeach

            </tbody>
        </table> -->

    @foreach($country as $key=>$record)
    <div class="row">
        <div class="col-md-12 bg-primary">
            <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample{{$loop->iteration}}" role="button"
                aria-expanded="false" aria-controls="collapseExample">
                {{$loop->iteration}}. {{ucwords($key)}}
            </a>
        </div>
        <div class="collapse" id="collapseExample{{$loop->iteration}}">
            <div class="card card-body">

                <div class="col-md-12">
                    @foreach($record as $num=>$res)
                    <span class="badge badge-info">{{$res['type'] }}
                        <a href="{{url('updatePhoneNumber',$res)}}">{{$res['id'] }}</a></span>
                    @endforeach
                </div>

            </div>
        </div>
    </div>
    <br><br>
    @endforeach


</div>
<!-- </div> -->
@endsection