@extends('admin.layouts.layout')
@section('content')
    <div class="pxp-dashboard-content-details">
        <h4>List Country</h4> 
        <div class="row">
            <div class="col-md-9 col-12 mb-2"></div>
            <div class="col-md-3 col-12 mb-0">
                <select wire:model="blockStatus" class="form-select">
                    <option value="">Select Status</option>
                    <option value="1">Blocked</option>
                    <option value="2">Unblocked</option>
                </select>
            </div>
        </div>
        <div class="row mt-2">
            <div class="row mt-2">
                <div class="table-responsive">
                    <table id="example1" class="table table-hover align-middle dataTable no-footer dtr-inline">
                        <thead>
                            <tr>
                                <th>Short Code</th>
                                <th>Name</th>
                                <th>Phone Code</th>
                                <th>Created_at</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(!empty($getCountry))
                                @foreach($getCountry as $key=> $country)
                                    <tr>
                                        <td>{{ !empty($country->code) ? $country->code : '' }}</td>
                                        <td>{{ !empty($country->name) ? $country->name : '' }}</td>
                                        <td>{{ !empty($country->phonecode) ? $country->phonecode : '' }}</td>
                                        <td>{{ !empty($country->created_at) ? 
                                            date('d-M-Y', strtotime($country->created_at)) : '' }}</td>
                                        <td>
                                            <div class="form-check form-switch justify-content-center">
                                                <input type="checkbox" class="form-check-input customeFormCheck">
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection