@extends('admin.layout.master')
@section('content')
@section('client', 'active')
@section('title', 'Clients')
<!--start page wrapper -->
<div class="page-wrapper">
    <div class="page-content">
        <!--breadcrumb-->
        <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
            <div class="breadcrumb-title pe-3">Clients</div>
            <div class="ps-3">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0 p-0">
                        <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page"></li>
                    </ol>
                </nav>
            </div>
            <div class="ms-auto">
                <div class="btn-group">
                    {{-- <a href="{{route('admin.freelancer')}}">

                    <button type="button" class="btn btn-primary">Settings</button>
                    <a href="{{route('admin.freelancer')}}"> --}}


                </div>
            </div>
        </div>
        <!--end breadcrumb-->
        <h6 class="mb-0 text-uppercase">All Clients</h6>
        <hr/>
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table id="example" class="table table-striped table-bordered" style="width:100%">
                        <thead>
                            <tr>
                                <th>Image</th>
                                <th>Full Name</th>
                                <th>Email</th>
                                <th>Country</th>
                                <th>Mobile No</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                       <tbody>
                        @foreach($clients as $client)
                        <tr>
                            <td>
                                <img src="{{ $client->image }}" class="rounded-circle" style="width: 25px;">

                            </td>
                            <td>{{$client->full_name}}</td>
                            <td>{{$client->email}}</td>
                            <td>{{$client->country}}</td>
                            <td>
                                @if ($client->countryCode && isset($client->mobile_no[0]) && $client->mobile_no[0] != "+")
                                    +{{ $client->countryCode }}
                                @endif
                                {{ $client->mobile_no }}
                            </td>
                            <td>
                                <a href="{{route('admin.client.details',['id'=>$client->id])}}">
                                    <div class="parent-icon">
                                        <i class='bx bx-eye-circle'>View</i>
                                    </div>
                                </a>
                            </td>
                        </tr>
                        @endforeach
                       </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</div>
<!--end page wrapper -->
@endsection
@section('script')
<script>
    $(document).ready(function() {
        $('#example').DataTable({
            pageLength: 50
        });
    });
</script>
@endsection