@extends('layouts.'.$namespaceName.'.master')
@section('title')
{{$title}}
@endsection
@section('content')
<div class="page-wrapper">
    <div class="page-content m-2">
        @include('message')
        @include('breadcrumb')
        {{-- <div class="card"> --}}

            <div class="card col-12">
                <div class="card-header">
                    <strong class="h6"><i class='bx bx-note'></i> {{__($namespaceName.'/'.$modelName.'.client_details')}}</strong>
                </div>
                <div class="card-body">
                    <div class="border p-3 rounded">
                        <div class="row ">
                            <div class="col-12">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.name')}}</span> : {{$data->name}}</li>
                                    <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.email')}}</span> : {{$data->email}}</li>
                                    <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.mobile')}}</span> : {{$data->mobile}}</li>
                                    <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.number_of_apps')}}</span> : {{$data->client_credentials_count}}</li>
                                    <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.status')}}</span> :
                                        @if($data->status)
                                            <span style="color: #15ca20">
                                                <i class='bx bxs-check-circle '></i>
                                            </span>
                                        @else
                                            <span style="color: #f60202">
                                                <i class='bx bxs-x-circle'></i>
                                            </span>
                                        @endif
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
         <div class="card">


         <div class="card col-12">
            <div class="card-header">
                <div class="row">
                    <strong class="h6"><i class='bx bx-note'></i> {{__($namespaceName.'/'.$modelName.'.client_apps')}}</strong>
                </div>
                <div class="row">
                    <div class="col">
                        <a href="{{route('apps.create.app',$data->id)}}"
                           class="btn btn-success">{{trans($namespaceName.'/'.$modelName.'.create_new_app')}}</a>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="example2" class="table table-striped table-bordered text-center">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'app_name')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'appID')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'appSecret')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'appCode')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'service')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'consumer_type')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'status')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'app_consumers')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($data->clientApps as $row)
                            <tr id="row_{{$row->id}}">
                                <td>{{$loop->iteration}}</td>
                                {{-- <td>
                                    @if ($row->clientCredentials->photo)
                                        <img width="75px" height="75px" src="{{asset($row->clientCredentials->photo)}}" alt="{{$row->client->name}}" class="rounded-circle">
                                    @endif
                                </td> --}}
                                <td>{{$row->app_name}}</td>
                                <td>{{$row->app_id}}</td>
                                <td>{{$row->app_key}}</td>
                                <td>{{$row->app_code}}</td>
                                <td>{{$row->service->name}}</td>
                                <td>{{$row->service->consume_type}}</td>
                                <td>
                                    @if($data->status)
                                        <span style="color: #15ca20">
                                            <i class='bx bxs-check-circle '></i>
                                        </span>
                                    @else
                                        <span style="color: #f60202">
                                            <i class='bx bxs-x-circle'></i>
                                        </span>
                                    @endif
                                </td>


                                <td>
                                    <a href="{{route('get.client.consumers',$row->id)}}" class="btn btn-success btn-sm">{{trans($namespaceName.'/'.$modelName.'.'.'app_consumers')}}</a>
                                </td>
{{--                                <td>--}}
{{--                                    <a href="{{route($modelName.'.edit',$row->id)}}" class="btn btn-success btn-sm"><i--}}
{{--                                            class='bx bx-edit'></i></a>--}}
{{--                                    <button type="button" class="btn btn-danger waves-effect waves-light btn-sm"--}}
{{--                                            onclick="delete_alert({{$row->id}},'operators')"><i--}}
{{--                                            class="bx bx-trash"></i></button>--}}
{{--                                </td>--}}
                                @endforeach
                            </tr>
                        </tbody>
                    </table>
                        </div>
                    </div>
                </div>
            {{-- </div> --}}
        </div>
    </div>
</div>
@endsection