@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 main_card">
            <div class="card-header">
               <div class="row">
                    <div class="col">
                        <a href="{{route($modelName.'.create')}}"
                            class="btn primary">{{trans($namespaceName.'/'.$modelName.'.Create')}}</a>
                    </div>
                {{-- </div>
            </div> --}}
                    <div class="col">
                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                            <button class="btn primary" onclick="showFilterForm()" id="advanced_search" type="button">{{ trans('labels.advanced_search') }}</button>
                            <div class="dropdown d-grid gap-2 d-md-flex justify-content-md-end">
                                <button class="btn secondary dropdown-toggle submit-button" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class='bx bx-download'></i> {{trans($namespaceName.'/'.$modelName.'.export')}}
                                </button>
                                <ul class="dropdown-menu dropdown-menu-light" aria-labelledby="dropdownMenuButton2">
                                  <li class="dropdown-item"> <form action="{{ route('hosts.export') }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="data"class="export" value="{{ json_encode($data) }}">
                                    <input type="hidden" name="exportFormat" value="excel">
                                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="submit" class="submit-button btn btn-sm">EXCEL</button>

                                        </div>
                                </form>
                                  </li>

                                  <li class="dropdown-item"> <form action="{{ route('hosts.export') }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="data" class="export" value="{{ json_encode($data) }}">
                                    <input type="hidden" name="exportFormat" value="pdf">
                                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                    <button type="submit" class="submit-button btn btn-sm">PDF</button>
                                        </div>
                                </form>
                                  </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="card-body card_body">
                <form id="filters" style="{{$searchFlag?'display: block':'display: none'}}" action="{{ route('host-report.filter') }}" method="GET">
                    <div id="search_options"  class="row">

                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'name')}}</label>
                            <input type="text" id="event" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="name" value="{{ old('name') }}" />
                        </div>
                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'email')}}</label>
                            <input type="text" id="email" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="email" value="{{ old('email') }}" />
                        </div>

                        <div class="col-4 mb-2">
                            <label>{{trans($namespaceName.'/'.$modelName.'.'.'mobile')}}</label>
                            <input type="number" id="mobile" class="form-control" oninvalid="InvalidMsg(this);" oninput="InvalidMsg(this);" name="mobile" value="{{ old('mobile') }}" />
                        </div>

                    </div>
                    <button type="submit" class="btn btn-secondary my-2"><i class="bx bx-filter"></i>{{ trans("labels.search") }}</button>
                </form>
                <div class="table-responsive">
                    <table id="example2" class="table table-striped table-bordered text-center">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'photo')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'name')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'license_code')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'mobile')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'active')}}</th>
                                {{-- <th>{{trans($namespaceName.'/'.$modelName.'.'.'roles')}}</th> --}}
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'balance')}}</th>
                               <th>{{trans($namespaceName.'/'.$modelName.'.'.'action')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($data as $row)
                            <tr id="row_{{$row->id}}">
                                <td>{{$loop->iteration}}</td>
                                <td>
                                    @if ($row->photo)
                                        <img width="75px" height="75px" src="{{asset($row->photo)}}" alt="{{$row->name}}" class="rounded-circle">
                                    @endif
                                </td>
                                <td>{{$row->name}}</td>
                                <td>{{$row->licenseUserIntegrationCode->integration_code}}</td>
                                <td>{{$row->mobile}}</td>
                                <td>{!! $row->status?'<i class="bx bx-check-circle text-success"
                                        aria-hidden="true"></i>':'<i class="bx bx-error text-danger"
                                        aria-hidden="true"></i>'!!}
                                </td>
                                {{-- <td>
                                    @foreach ($row->roles as $role)
                                       <h6><span class="badge bg-primary">{{ $role->name }}</span></h6>
                                    @endforeach
                                </td> --}}

                                <td>
                                    <a href="{{route('subscriptions.get.host.subscriptions',$row->id)}}" class="btn btn-success btn-sm">{{trans($namespaceName.'/'.$modelName.'.'.'balance')}}</a>
                                </td>

                               <td>
                                   <a href="{{route($modelName.'.edit',$row->id)}}" title="{{ trans('labels.edit') }}" class="btn btn-success btn-sm"><i
                                           class='bx bx-edit'></i></a>
                                   <a href="{{route($modelName.'.reset-password',$row->id)}}" title="{{ trans('labels.reset_password') }}"class="btn btn-primary btn-sm"><i
                                           class='bx bx-reset'></i></a>
                                   {{-- <button type="button" class="btn btn-danger waves-effect waves-light btn-sm"
                                            onclick="delete_alert({{$row->id}},'hosts')"><i
                                            class="bx bx-trash"></i></button> --}}
                               </td>
                                @endforeach
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('js')
    <script>
        function showFilterForm()
        {
            let x = document.getElementById("filters");
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
        }
    </script>
@endpush