@extends("app")

@section('head_title', getcong('about_title').' | '.getcong('site_name') )

@section('head_url', Request::url())

@section("content")
    <style>
        hr {
            border: 0;
            clear:both;
            display:block;
            width: 96%;
            background-color:#ECEFEF;
            height: 1px;
        }
    </style>
    <div class="tp-page-head">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="page-header">
                        <h1>{{"All Countries"}}</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tp-breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <ol class="breadcrumb">
                        <li><a href="{{ URL::to('/') }}">Home</a></li>
                        <li class="active">{{'country'}}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div class="main-container">
        <div class="container">
            <div class="row">
                <div class="col-md-12 content-right">
                    <div class="row">
                        <div class="col-md-12 aboutus" id="aboutus">

                            <div class="panel-group" id="accordion">
                                @foreach($countries as $key => $country)
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a data-toggle="collapse" data-parent="#accordion" href="#collapse{{$key}}">
                                                    <strong>  {{$country->country_name}} ({{count(getAllStates($country->id))}})</strong></a>
                                            </h4>
                                        </div>
                                        <div id="collapse{{$key}}" class="panel-collapse collapse">
                                            <div class="panel-body">