@extends('adminlte::page')


@section('title', 'Dashboard')

@section('content_header')
    <h1>Countries List</h1>
@stop

@section('content')
<div class="card mt-5">
  
    <div class="card-body">
        
        @if(session('success'))
            <div class="alert alert-success" role="alert">{{ session('success') }}</div>
        @endif

        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
            <a class="btn btn-success btn-sm" href="{{ route('countries.create') }}"><i class="fa fa-plus"></i> Create New Country</a>
        </div>

        <table class="table table-bordered table-striped mt-4">
            <thead>
                <tr>
                    <th width="80px">No</th>
                    <th>Name</th>
                    <th>Phone Code</th>
                    <th width="250px">Action</th>
                </tr>
            </thead>

            <tbody>
                @forelse ($countries as $country)
                    <tr>
                        <td>{{ ++$i }}</td>
                        <td>{{ $country->name }}</td>
                        <td>{{ $country->phone_code }}</td>
                        <td>
                            <form action="{{ route('countries.destroy',$country->id) }}" method="POST">
                                <a class="btn btn-info btn-sm" href="{{ route('countries.show',$country->id) }}"><i class="fa-solid fa-list"></i> Show</a>
                                <a class="btn btn-primary btn-sm" href="{{ route('countries.edit',$country->id) }}"><i class="fa-solid fa-pen-to-square"></i> Edit</a>
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm"><i class="fa-solid fa-trash"></i> Delete</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4">There are no data.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
        
        {!! $countries->links() !!}

    </div>
</div>  
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop

@section('js')
    <!-- <script> console.log("Hi, I'm using the Laravel-AdminLTE package!"); </script> -->
@stop