@extends('layouts.admin')
@section('content')
    <!-- Main row -->
    <div class="row">
        <!-- Left col -->
        <section class="col-lg-8">
            <!-- Map card -->
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title text-center">All Country Lists</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body p-0">

                    @if (session()->has('message'))
                        <div class="alert alert-{{ session()->get('type')}} alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <h5><i class="icon fa fa-check"></i> {{ session()->get('title')}}..!</h5>
                            {{ session()->get('message')}}
                        </div>
                    @endif

                    <table class="table table-condensed">
                        <tr>
                            <th style="width: 10px">No</th>
                            <th>Country Name</th>
                            <th class="text-center">Total State</th>
                            <th class="text-center">Total Posts</th>
                            <th class="text-center">Status</th>
                            <th class="text-center">Action</th>
                        </tr>
                        @php $id=0;@endphp
                        @foreach($countries as $country)
                            @php $id++;@endphp
                            <tr>
                                <td class="text-center">{{$id}}</td>
                                <td>{{$country->name}}</td>
                                <td class="text-center"><span class="badge bg-success"><strong>{{count($country->states)}}</strong></span></td>
                                <td class="text-center"><span class="badge bg-success"><strong>600</strong></span></td>
                                @if($country->status == true)
                                    <td class="text-center">Published</td>
                                @else
                                    <td class="text-center">Not Published</td>
                                @endif
                                @if($country->status == true)
                                    <td class="text-center">
                                        <a class="btn btn-block btn-danger btn-sm" href="{{route('adminCountryStatus',$country->id)}}">Un-Publish Now</a>
                                    </td>
                                @else
                                    <td class="text-center">
                                        <a class="btn btn-block btn-success btn-sm" href="{{route('adminCountryStatus',$country->id)}}">Publish Now</a>
                                    </td>
                                @endif
                            </tr>
                        @endforeach
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </section>

        <!-- /.Left col -->
        <!-- right col (We are only adding the ID to make the widgets sortable)-->
        <section class="col-lg-4">
            <!-- Calendar -->
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Add Country</h3>
                </div>
                <!-- /.card-header -->
                <!-- form start -->
                <form role="form" method="post" action="{{route('adminCountry.store')}}">
                    @csrf
                    <div class="card-body">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li><i class="icon fa fa-check"></i> <strong>{{ $error }}</strong></li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="form-group">
                            <label for="name">Country Name</label>
                            <input type="text" class="form-control" id="name" name="name" placeholder="Enter Country Name" required>
                        </div>
                        <div class="form-group">
                            <label for="status">Select Status</label>
                            <select id="status" name="status" class="form-control">
                                <option value="1" selected>Published</option>
                                <option value="0">Un-Published</option>
                            </select>
                        </div>
                    </div>
                    <!-- /.card-body -->

                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
            <!-- /.card -->
        </section>
        <!-- right col -->
    </div>
    <!-- /.row (main row) -->

@endsection