@extends('layouts.admin.app')

@section('page-title')
    {{ __('Clients') }}
@endSection

@section('page-nav-title')
    <div class="app-title">
        <div>
            <h1>{{ __('Clients') }}</h1>
            <p>{{ __('All Clients') }}</p>
        </div>

        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard.index') }}">{{ __('Dashboard') }}</a></li>
            <li class="breadcrumb-item"><a href="#">{{ __('Clients') }}</a></li>
        </ul>
    </div>
@endsection


@section('content')
    @include('includes.dialog')
    <div class="row mb-4">
        <div class="col-lg-6">
            <form action="{{ route('admin.clients.excel', ['type' => 'normal']) }}" method="post" id="form-excel">
                @csrf
                <input type="hidden" name="status" value="0">
                <span class="download-excel btn btn-primary">
                    <i class="far fa-fw fa-lg fa-file-excel text-left"></i> {{ __('Export As Excel') }}
                </span>
            </form>
        </div>
        <div class="col-lg-6 text-right">
            <a href="{{ route('admin.clients.create') }}" class="btn btn-primary">
                <i class="fas fa-plus"></i> {{ __('Create client') }}
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <div class="tile-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-bordered text-center" id="sampleTable">
                            <thead>
                                <tr>
                                    <th>{{ __('ID') }}</th>
                                    <th>{{ __('Details') }}</th>
                                    <th>{{ __('Company Name') }}</th>
                                    <th>{{ __('Responsible Name') }}</th>
                                    <th>{{ __('User Name') }}</th>
                                    <th>{{ __('Phone Number') }}</th>
                                    <th>{{ __('Email') }}</th>
                                    <th>{{ __('Login Info Delivery Way') }}</th>
                                    <th>{{ __('User Type') }}</th>
                                    <th>{{ __('Payment Method') }}</th>
                                    <th>{{ __('Verified') }}</th>
                                    <th>{{ __('account-number') }}</th>
                                    <th>{{ __('Activation') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($clients as $key => $client)
                                    <tr>
                                        <td>{{ ++$key }}</td>
                                        <td>
                                            <a href="{{ route('admin.clients.media-index', $client->id) }}" class="btn btn-primary">{{ __('View') }}</a>
                                        </td>
                                        <td>{{ $client->company_name }}</td>
                                        <td>{{ $client->responsible_name }}</td>
                                        <td>{{ $client->user_name }}</td>
                                        <td>{{ $client->phone_number }}</td>
                                        <td>{{ $client->email }}</td>
                                        <td>{{ $client->userWayDeliverPasswordAttributes() }}</td>
                                        <td>
                                            <div class="form-group">
                                                <select class="form-control js-basic-single-select2 checked @if ($errors->has('user_type')) is-invalid @endif" data-id="{{ $client->id }}" data-url="{{ route('ajax.client.change_type_user', $client->id) }}" style="width: 150px" name="user_type" required>
                                                    <option selected disabled>{{ ucfirst($client->userTypeAttributes()) }}</option>
                                                    <option value="cl">{{ __('Client') }}</option>
                                                    <option value="gu">{{ __('Guest') }}</option>
                                                </select>
                                                @error('user_type')
                                                    <div class="input-error">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </td>
                                        <td>
                                            <div class="form-group">
                                                <select class="form-control js-basic-single-select2 payment @if ($errors->has('payment')) is-invalid @endif" data-id="{{ $client->id }}" data-url="{{ route('ajax.client.change_type_payment', $client->id) }}" style="width: 150px" name="payment" required>
                                                    <option selected disabled>{{ ucfirst($client->userPayStatusAttributes()) }}</option>
                                                    <option value="0">{{ __('Cash') }}</option>
                                                    <option value="1">{{ __('Credit') }}</option>
                                                </select>
                                                @error('payment')
                                                    <div class="input-error">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        </td>
                                        <td>
                                            @if ($client->userWayDeliverPasswordAttributes() == 'Email')
                                                <a href="{{ route('admin.SendEmail', ['id' => $client->id]) }}" class="btn btn-danger">
                                                    <i class="fa fa-envelope"></i> {{ __('Activation - Email') }}
                                                </a>
                                            @else
                                                <a href="{{ route('admin.SendVerificationToWhatsapp', ['id' => $client->id]) }}" class="btn btn-danger">
                                                    <i class="fa fa-envelope"></i> {{ __('Activation - Whatsapp') }}
                                                </a>
                                            @endif
                                        </td>
                                        <td>
                                            <button type="button" class="btn btn-primary view-attachemnts" data-toggle="modal" data-target="#file{{ $client->id }}">
                                                {{ __('View') }}
                                            </button>
                                            <!-- Modal -->
                                            <div class="modal fade" id="file{{ $client->id }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                <div class="modal-dialog modal-s">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">{{ __('account-number') }}</h5>
                                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <form method="post" action="{{ route('admin.clients.update-account-number') }}" enctype="multipart/form-data">
                                                            @csrf
                                                            @method("put")
                                                        <div class="modal-body mt-2 mb-2">
                                                            <div class="row">
                                                                <div class="col-12">
                                                                    <div class="form-group">
                                                                        <label class="control-label" style="float: left">{{ __('account-number') }}</label>
                                                                        <input type="hidden" name="id" value="{{ $client->id }}">
                                                                        <input class="form-control @if ($errors->has('account_number')) is-invalid @endif" type="text" name="account_number" placeholder="{{ __('enter-account_number') }}" value="{{$client->account_number}}">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="submit" class="btn btn-primary">{{__('Save changes')}}</button>
                                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('close')}}</button>
                                                          </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="toggle-flip changes-status">
                                                <label>
                                                    <input type="checkbox" class="changes-status" data-url="{{ route('ajax.user.change_status') }}" id="status{{ $client->id }}}" data-status-type="user" data-id="{{ $client->id }}" {{ checked('status', true, $client) }}>
                                                    <span class="flip-indecator" data-toggle-on="{{ __('ON') }}" data-toggle-off="{{ __('OFF') }}"></span>
                                                </label>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{ asset('assets/js/plugins/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/dataTables.bootstrap.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/select2.min.js') }}"></script>


    <script type="text/javascript">
        $('.js-basic-single-select2').select2();
    </script>
    <script type="text/javascript">
        $('#sampleTable').DataTable();
    </script>
    @if (session()->has('technician_register_info'))
        <script>
            $("#Register").modal('show')
        </script>
    @endif
    <script type="text/javascript">
        $(".download-excel").click(function(e) {
            e.preventDefault();

            let status = $("#status-filter option:selected").data("value");


            $(this).siblings("input[name='status']").val(status);


            $("#form-excel").submit();

        });
    </script>
    <script type="module" src="{{ asset('assets/js/pages/technicians.js') }}"></script>

    <script>
        $(".checked").change(function() {
            var val = $(this).val();
            var id = $(this).data("id"),
                url = $(this).data("url");
            console.log(url);
            $.ajax({
                type: "GET",
                url: url,
                data: {
                    "id": id,
                    "user_type": val
                },
                success: function(response) {
                    console.log(response);
                    // resolve (response);
                },
                error: function(response) {
                    console.log("Nooo");
                    resolve(response);
                }
            });
        })

        $(".payment").change(function() {
            var val = $(this).val();
            console.log(val);
            var id = $(this).data("id"),
                url = $(this).data("url");

            console.log(url);
            $.ajax({
                type: "GET",
                url: url,
                data: {
                    "id": id,
                    "status_pay": val
                },
                success: function(response) {
                    console.log(response);
                    // resolve (response);
                },
                error: function(response) {
                    console.log("Nooo");
                    resolve(response);
                }
            });
        })
    </script>
@endsection