@extends('modal_pages.base')

@section('main')
 
    <div class="container" style="background-color: white; border-radius: 6px;">
        <div class="row">
            <div class="co-md-12 p-3">
                <div class="form-icon position-relative" style="display:flex;">
                    <i class="fa fa-search ms-3" style="position: absolute; margin-top: 14px; font-size: 13px;"></i>
                    <input type="text" class="form-control search-box" id="" placeholder="Search" name="" required="" style="padding: 0.4rem 0.9rem 0.4rem 2.5rem !important; background: linear-gradient(to bottom, #FFF 0%,#FFF 55%,#eeedf1 80%,#f5f5f5 100%); font-size: 13px;">
                </div>  
                <table class="table table-bordered list_table mt-3">
                    <thead>
                        <tr>
                            <th class="text-center" style="width: 13%;">Sl</th>
                            <th>Country</th>
                            <th class="text-center"><i class="fa fa-cog"></i></th>
                        </tr>
                    </thead>
                    <tbody style="border-style: dashed;">
                        <tr> 
                            <td class="text-center" style="font-size: 11px;">1</td>
                            <td style="font-size: 11px;">
                                <img src="{{ asset('web/images/au.svg') }}" alt="" style="height: 20px; border-radius: 50%; width: 20px; margin: 3px;">
                                Australia
                            </td>
                            <td class="text-center" style="font-size: 11px;">
                                <div class="form-check form-switch" id="">
                                    <input class="form-check-input" type="checkbox" name="" value="" style="height:18px; width: 30px; position: absolute;">
                                    <label class="form-check-label" for=""></label>
                                </div>
                            </td>  
                        </tr>
                    </tbody>
                </table> 
            </div>
        </div> 
    </div>
    <div class="container">
    <div class="col-md-12 text-end">
            <button type="submit" class="btn btn1 mt-3" style="padding: 3px 18px;">Done</button>
        </div>
    </div>
 

<script>
    $(function(){
        // $('.select2').select2();
        $('#modal_page_footer').hide(); 
    });
    </script>
@endsection