@extends('layouts.adminlte.adminlte')

@section('title')
    {{auth()->user()->id == $user->id ? 'Configure profile' : ('Edit user (ID: ' . $user->id . ')')}}
@endsection

@section('content_header')
    @parent
    <span align="center">
        <h1>
            @if (auth()->user()->id == $user->id)
                Configure profile
                @if (auth()->user()->user_type == 'agent')
                    (<code style="color:#007bff;">ID {{auth()->user()->id}}</code>)
                @endif
            @else
                {{'Edit user (ID: ' . $user->id . ')'}}
            @endif
        </h1>
    </span>
@endsection

@section('modals')
    <div style="width:auto; max-width:100%; overflow-x:auto; right:0px;" id="spreadsheetEditModal" class="modal" role="dialog">
        <div class="modal-dialog modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="center overlay">
                    <i style="position:relative;top:36%;" class="fas fa-3x fa-sync-alt fa-spin"></i>
                </div>
                <div class="modal-header">
                    <h4 class="modal-title center"></h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                </div>
            </div>
        </div>
    </div>
@endsection

@section('content')
    @yield('modals')

    @if (auth()->user()->id != $user->id)
        <div align="center">
            @if (in_array($user->user_type, ['manager', 'seller', 'agent']))
                <br><br>
                <a href="{{"https://docs.google.com/spreadsheets/d/" . $user->spreadsheet['id']}}" target="_blank">
                    <img src="/sheets.png" style="width: 100px;">
                </a>
                <br><br>
            @endif

            {!! Form::open(['action' => ['App\Http\Controllers\CustomUsersController@update', $user->id], 'method' => 'POST']) !!}
            <div class="form-group">
                {{Form::label('name', 'Name *')}}
                {{Form::text('name', $user->name, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'Name'])}}
            </div>

            @if (auth()->user()->user_type == 'admin')
                <div style="{{$user->user_type != 'seller' ? 'display:none;' : ''}}" id="manager_select">
                    <label for="manager_name">Manager *</label>
                    <div class="col-md-4 form-group" id="manager_name">
                        <input class="typeahead" type="text" placeholder="Type the manager name">
                    </div>
                    <input style="display:none;" id="manager" name="manager" type="text" value="{{$user->added_by}}">
                </div>
            @endif

            {{Form::label('user_type', 'User type *')}}
            <div class="form-group">
                <select name="user_type" id="user_type" class="form-select col-md-4 custom-select">
                    @switch(auth()->user()->user_type)
                        @case('admin')
                            <option value='admin' {{$user->user_type == 'admin' ? 'selected' : ''}}>Admin</option>
                            <option value='manager' {{$user->user_type == 'manager' ? 'selected' : ''}}>Manager</option>
                            <option value='seller' {{$user->user_type == 'seller' ? 'selected' : ''}}>Seller</option>
                            <option value='agent' {{$user->user_type == 'agent' ? 'selected' : ''}}>Agent</option>
                            @break
                        @case('manager')
                            <option value='seller'>Seller</option>
                            @break
                    @endswitch
                </select>
            </div>

            @if ($user->user_type == 'seller' || $user->user_type == 'manager')
                <div id="wechat_div" class="form-group">
                    {{Form::label('wechat', 'Wechat')}}
                    {{Form::text('wechat', $user->wechat, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'Wechat'])}}
                </div>
            @endif

            <div id="manager_notifs_div" style="{{$user->user_type == 'manager' ? '' : 'display:none;'}}" class="form-group">
                {{Form::label('manager_notifs', 'Order bot notifications as manager')}}
                {{Form::checkbox('manager_notifs', '1', (bool) $user->manager_notifs, ['class' => 'form-checkbox'])}}
            </div>

            <div id="perc_div" style="{{$user->user_type == 'seller' ? '' : 'display:none;'}}">
                <hr>
                <div class="form-group">
                    {{Form::label('perc_refund_feedback', '% Refund Feedback')}}
                    {{Form::text('perc_refund_feedback', $user->perc_refund_feedback, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => '% Refund Feedback'])}}
                </div>
                <div class="form-group">
                    {{Form::label('perc_refund_rating', '% Refund Rating')}}
                    {{Form::text('perc_refund_rating', $user->perc_refund_rating, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => '% Refund Rating'])}}
                </div>
                <div class="form-group">
                    {{Form::label('perc_refund_purchase_only', '% Refund Purchase Only')}}
                    {{Form::text('perc_refund_purchase_only', $user->perc_refund_purchase_only, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => '% Refund Purchase Only'])}}
                </div>
                <hr>
            </div>

            <div style="{{$user->user_type == 'seller' ? '' : 'display:none;'}}" id="feedback_select">
                {{Form::label('feedback', 'Feedback')}}
                <div class="form-group">
                    <select name="feedback" id="feedback" class="form-select col-md-4 custom-select">
                        <option {{$user->feedback ? '' : 'selected'}} disabled>Select an option</option>
                        <option value='yes' {{$user->feedback == 'yes' ? 'selected' : ''}}>Yes</option>
                        <option value='no' {{$user->feedback == 'no' ? 'selected' : ''}}>No</option>
                        <option value='ask' {{$user->feedback == 'ask' ? 'selected' : ''}}>Ask</option>
                    </select>
                </div>
            </div>

            @if(auth()->user()->user_type == "admin" && $user->user_type == "agent")
            <div class="form-group">
                {{Form::label('payment_agent_comm', 'Payment Agent Commission')}}
                {{Form::text('payment_agent_comm', $agent_comm, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'Payment Agent Commission'])}}
            </div>
            @endif

            <div style="{{$user->user_type == 'seller' ? '' : 'display:none;'}}" id="feedback_comm_textboxes">
                <div class="form-group">
                    {{Form::label('feedback_agent_comm', 'Feedback Agent Commission')}}
                    {{Form::text('feedback_agent_comm', $user->feedback_agent_comm, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'Feedback Agent Commission'])}}
                </div>
                <div class="form-group">
                    {{Form::label('feedback_total_comm', 'Feedback Total Commission')}}
                    {{Form::text('feedback_total_comm', $user->feedback_total_comm, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'Feedback Total Commission'])}}
                </div>
            </div>

            @if (auth()->user()->user_type == 'admin')
                <div id="tg_username_div" class="form-group">
                    {{Form::label('telegram_username', 'Telegram username')}}
                    <div class="col-md-4 form-row">
                        <div class="input-group mb-2">
                            <div class="input-group-prepend">
                                <div class="justify-content-center input-group-text">@</div>
                            </div>
                            {{Form::text('telegram_username', '' . $user->telegram_username, ['style' => 'max-width:100%;', 'class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'tg username ("@" optional)'])}}
                        </div>
                    </div>
                </div>
                <div class="form-group" style="display:none;" id="agent_paypal_div">
                    {{Form::label('agent_paypal', 'Agent Paypal e-mail')}}
                    {{Form::email('agent_paypal', '', ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'Agent Paypal e-mail'])}}
                </div>
            @endif

            <div class="form-group">
                {{Form::label('banned', 'Banned')}}
                {{Form::checkbox('banned', '1', $user->banned ? true : false, ['class' => 'form-checkbox'])}}
            </div>

            @if (in_array($user->user_type, ['seller', 'agent']))
            <div class="form-group">
                {{Form::label('chat_banned', 'Chat Banned')}}
                {{Form::checkbox('chat_banned', '1', $user->chat_banned ? true : false, ['class' => 'form-checkbox'])}}
                @if($user->chat_banned && $user->chat_banned_by_user_id)
                    <small class="text-muted">(Banned by user ID: {{ $user->chat_banned_by_user_id }})</small>
                @endif
            </div>
            @endif

            <div class="form-group">
                {{Form::label('email', 'E-mail * ')}}
                {{Form::email('email', $user->email, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'E-mail'])}}
            </div>

            <div class="form-group" style="{{in_array($user->user_type, ['manager', 'agent']) ? '' : 'display:none;'}}" id="paypal_email_div">
                {{Form::label('paypal_email', 'Paypal e-mail')}}
                {{Form::email('paypal_email', $user->paypal_email, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'Paypal e-mail'])}}
            </div>

            @if ((auth()->user()->user_type == 'admin' || auth()->user()->user_type == 'manager') && $user->user_type == 'seller')
            <div class="form-group">
                <h3>Commissions</h3>
                <table>
                    <thead>
                    <tr>
                        <th>Country</th>
                        <th>Agent Commission</th>
                        <th>Total Commission</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach (getCountries() as $country)
                    <tr>
                        <div class="form-group">
                            <td><i class="flag-icon flag-icon-{{$country}}"></i></td>
                            <td>{{Form::text("agent_comm[$country]", $user->agent_comm[$country] ?? '', ['class' => 'sbs ac form-control form-textbox', 'placeholder' => 'Agent Commission'])}}</td>
                            <td>{{Form::text("total_comm[$country]", $user->total_comm[$country] ?? '', ['class' => 'sbs ac form-control form-textbox', 'placeholder' => 'Total Commission'])}}</td>
                        </div>
                    </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            @endif

            @if (auth()->user()->user_type == "admin")
            @php  $cannot = $user->cannot ? json_decode($user->cannot) : []; @endphp
            <fieldset id="perms" style="{{in_array($user->user_type, ["admin"]) ? '' : 'display:none;'}}">
                <legend>Permissions</legend>
                <input type="checkbox" {{in_array('add_products', $cannot) ? '' : 'checked'}} name="perm[add_products]" value="1">Add products<br>
                <input type="checkbox" {{in_array('edit_products', $cannot) ? '' : 'checked'}} name="perm[edit_products]" value="1">Edit products<br>
                <input type="checkbox" {{in_array('delete_products', $cannot) ? '' : 'checked'}} name="perm[delete_products]" value="1">Delete products<br>
                <input type="checkbox" {{in_array('add_bookings', $cannot) ? '' : 'checked'}} name="perm[add_bookings]" value="1">Add bookings<br>
                <input type="checkbox" {{in_array('delete_bookings', $cannot) ? '' : 'checked'}} name="perm[delete_bookings]" value="1">Delete bookings<br>
                <input type="checkbox" {{in_array('add_orders', $cannot) ? '' : 'checked'}} name="perm[add_orders]" value="1">Add orders<br>
                <input type="checkbox" {{in_array('edit_orders', $cannot) ? '' : 'checked'}} name="perm[edit_orders]" value="1">Edit orders<br>
                <input type="checkbox" {{in_array('delete_orders', $cannot) ? '' : 'checked'}} name="perm[delete_orders]" value="1">Delete orders<br>
                <input type="checkbox" {{in_array('restore_orders', $cannot) ? '' : 'checked'}} name="perm[restore_orders]" value="1">Restore orders<br>
                <input type="checkbox" {{in_array('see_users', $cannot) ? '' : 'checked'}} name="perm[see_users]" value="1">See users<br>
                <input type="checkbox" {{in_array('add_users', $cannot) ? '' : 'checked'}} name="perm[add_users]" value="1">Add users<br>
                <input type="checkbox" {{in_array('edit_users', $cannot) ? '' : 'checked'}} name="perm[edit_users]" value="1">Edit users<br>
                <input type="checkbox" {{in_array('banunban_users', $cannot) ? '' : 'checked'}} name="perm[banunban_users]" value="1">Delete users<br>
                <input type="checkbox" {{in_array('see_payments', $cannot) ? '' : 'checked'}} name="perm[see_payments]" value="1">See payments<br>
                <input type="checkbox" {{in_array('edit_payments', $cannot) ? '' : 'checked'}} name="perm[edit_payments]" value="1">Edit payments<br>
                <input type="checkbox" {{in_array('update_rules', $cannot) ? '' : 'checked'}} name="perm[update_rules]" value="1">Update rules<br>
                <input type="checkbox" {{in_array('charts', $cannot) ? '' : 'checked'}} name="perm[charts]" value="1">See Charts<br>
                <input type="checkbox" {{in_array('admin_notif', $cannot) ? '' : 'checked'}} name="perm[admin_notifs]" value="1">Edit admin. notif<br>
                <input type="checkbox" {{in_array('see_bot', $cannot) ? '' : 'checked'}} name="perm[see_bot]" value="1">See channels/groups<br>
                <input type="checkbox" {{in_array('add_bot', $cannot) ? '' : 'checked'}} name="perm[add_bot]" value="1">Add channels/groups<br>
                <input type="checkbox" {{in_array('edit_bot', $cannot) ? '' : 'checked'}} name="perm[edit_bot]" value="1">Edit channels/groups<br>
                <input type="checkbox" {{in_array('delete_bot', $cannot) ? '' : 'checked'}} name="perm[delete_bot]" value="1">Remove channels/groups<br>
                <input type="checkbox" {{in_array('edit_blacklist', $cannot) ? '' : 'checked'}} name="perm[edit_blacklist]" value="1">Edit blacklist<br>
                <br>
            </fieldset>
            @endif

            {{Form::hidden('_method', 'PUT')}}
            {{Form::submit('Edit user', ['class' => 'btn btn-primary'])}}
            {!! Form::close() !!}
            <br><br>
        </div>
    @else
        <div align="center">
            <img src="amazstar_anim.svg" style="height: 200px; border-radius: 50%;">
            @if (in_array(auth()->user()->user_type, ['manager', 'seller', 'agent']))
            <br><br>
            <a href="{{"https://docs.google.com/spreadsheets/d/" . auth()->user()->spreadsheet['id']}}" target="_blank">
                <img src="/sheets.png" style="width: 100px;">
            </a>
            <span type="button" class="badge badge-secondary" id="ref_edit_spreadsheet" data-toggle="modal" data-target="#spreadsheetEditModal"><i class="fas fa-edit"> EDIT</i></span>
            @endif

            @if(auth()->user()->user_type == 'agent')
            <div>
                @php
                    $catalog_link = "/catalog?x=" . auth()->user()->id . (isset($site) && $site ? "&site={$site->db_name}" : "");
                @endphp

                <a href="{{$catalog_link}}" target="_blank"><button type="button" class="col-md-4 btn btn-primary">Catalog link</button></a>
            </div>
            @endif

            <br><br>
            <div id="sheets_key_div">
                <label for="sheets_key">API key</label>
                <i class="eye fas fa-eye-slash"></i>
                <i class="key_help fas fa-question"></i>
                <input id="sheets_key" name="sheets_key" type="password" readonly="readonly" class="col-md-4 form-control form-textbox" value="{{auth()->user()->spreadsheet['key']}}">
            </div>
            <br><br>

            {!! Form::open(['action' => ['App\Http\Controllers\CustomUsersController@update', $user->id], 'method' => 'POST']) !!}
            @if (auth()->user()->user_type == 'seller')
                <div id="perc_div">
                    <hr>
                    <div class="form-group">
                        {{Form::label('perc_refund_feedback', '% Refund Feedback')}}
                        {{Form::text('perc_refund_feedback', $user->perc_refund_feedback, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => '% Refund Feedback'])}}
                    </div>
                    <div class="form-group">
                        {{Form::label('perc_refund_rating', '% Refund Rating')}}
                        {{Form::text('perc_refund_rating', $user->perc_refund_rating, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => '% Refund Rating'])}}
                    </div>
                    <div class="form-group">
                        {{Form::label('perc_refund_purchase_only', '% Refund Purchase Only')}}
                        {{Form::text('perc_refund_purchase_only', $user->perc_refund_purchase_only, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => '% Refund Purchase Only'])}}
                    </div>
                    <hr>
                </div>
            @endif

            @if (auth()->user()->user_type == 'manager')
                <div class="form-group">
                    {{Form::label('manager_notifs', 'Order bot notifications as manager')}}
                    {{Form::checkbox('manager_notifs', '1', (bool) $user->manager_notifs, ['class' => 'form-checkbox'])}}
                </div>
            @endif

            {{Form::label('telegram_username', 'Telegram username')}}
            <div class="col-md-4 form-row">
                <div class="input-group mb-2">
                    <div class="input-group-prepend">
                        <div class="justify-content-center input-group-text">@</div>
                    </div>
                    {{Form::text('telegram_username', $user->telegram_username, ['style' => 'max-width:100%;', 'class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'tg username ("@" optional)'])}}
                </div>
            </div>
            <div class="form-group">
                {{Form::label('email', 'E-mail *')}}
                {{Form::email('email', $user->email, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'E-mail', auth()->user()->user_type == 'admin' ? '' : 'readonly'])}}
            </div>
            <div class="form-group">
                {{Form::label('password', 'Password')}}
                {{Form::password('password', ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'New Password'])}}
            </div>
            <div class="form-group">
                {{Form::label('confirm_password', 'Confirm password')}}
                {{Form::password('confirm_password', ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'Confirm Password'])}}
            </div>
            @if (in_array($user->user_type, ['manager', 'agent']))
                <div class="form-group">
                    {{Form::label('paypal_email', 'Paypal E-mail')}}
                    {{Form::email('paypal_email', $user->paypal_email, ['class' => 'col-md-4 form-control form-textbox', 'placeholder' => 'Paypal E-mail'])}}
                </div>
            @endif

            {{Form::hidden('_method', 'PUT')}}
            {{Form::submit(auth()->user()->id != $user->id ? 'Edit user' : 'Update profile', ['class' => 'btn btn-primary'])}}
            {!! Form::close() !!}
            <br>
        </div>
    @endif
@endsection

@section('js')
    @parent
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="/js/jquery-ui-1.12.0.js"></script>

    <script>
        $(document).on('click', 'div#sheets_key_div i.eye', function() {
            let current_type = $('div#sheets_key_div input').attr('type');

            if (current_type == 'password') {
                $('div#sheets_key_div i.eye').removeClass('fa-eye-slash').addClass('fa-eye');
                $('#sheets_key').attr('type', 'text');
            } else {
                $('div#sheets_key_div i.eye').removeClass('fa-eye').addClass('fa-eye-slash');
                $('#sheets_key').attr('type', 'password');
            }
        });

        $(document).on('click', 'div#sheets_key_div i.key_help', function() {
            Swal.fire({
                title: '<strong>How to use the API key</u></strong>',
                icon: 'info',
                html:
                    '<code style="color: #007bff; font-size:small;">' +
                    '=IMPORTDATA("<br>' +
                    'https://www.amazstar.club/api/orders?<br>' +
                    'api_key=<span style="color:#da7d00;">API_KEY</span><br>' +
                    @if (isset($site) && $site)
                    'site=<span style="color:#da7d00;">{{$site->db_name}}</span><br>' +
                    @endif
                    '&country=<span style="color:#da7d00;">COUNTRY</span><br>' +
                    '&state=<span style="color:#da7d00;">STATE</span><br>' +
                    '")' +
                    '</code>' +
                    '<br><br>' +
                    '<i style="color: red;" class="fas fa-exclamation"></i>Mandatory:' +
                    ' <span style="color: #007bff;">api_key</span>' +
                    @if(isset($site) && $site)
                    ', <span style="color: #007bff;">site</span>' +
                    @endif
                    '<br><br>' +
                    '<span style="color:#da7d00;">API_KEY</span>=<span style="color: #007bff;">{{auth()->user()->spreadsheet["key"]}}</span><br>' +
                    '<span style="color:#da7d00;">COUNTRY</span>: <span style="color: #007bff;">it de es fr ca us gb nl mx</span><br>' +
                    '<span style="color:#da7d00;">STATE</span>: <span style="color: #007bff;">ordered reviewed {{auth()->user()->user_type != "agent" ? "forwarded ": ""}}refunded</span><br><br>' +
                    '<b>Examples:</b><br>' +
                    @if(isset($site) && $site)
                    '<code>=IMPORTDATA("https://www.amazstar.club/api/orders?api_key={{auth()->user()->spreadsheet["key"]}}&site={{$site->db_name}}&country=it")</code><hr><br>' +
                    '<code>=IMPORTDATA("https://www.amazstar.club/api/orders?api_key={{auth()->user()->spreadsheet["key"]}}&site={{$site->db_name}}&state=reviewed")</code><hr><br>' +
                    '<code>=IMPORTDATA("https://www.amazstar.club/api/orders?api_key={{auth()->user()->spreadsheet["key"]}}&site={{$site->db_name}}&country=it&state=reviewed")</code>'
                    @else
                    '<code>=IMPORTDATA("https://www.amazstar.club/api/orders?api_key={{auth()->user()->spreadsheet["key"]}}&country=it")</code><hr><br>' +
                    '<code>=IMPORTDATA("https://www.amazstar.club/api/orders?api_key={{auth()->user()->spreadsheet["key"]}}&state=reviewed")</code><hr><br>' +
                    '<code>=IMPORTDATA("https://www.amazstar.club/api/orders?api_key={{auth()->user()->spreadsheet["key"]}}&country=it&state=reviewed")</code>'
                    @endif
                ,
                showCloseButton: true,
                showConfirmButton: false
            })
        });
    </script>

    @if (auth()->user()->id != $user->id)
        <script>
            $(document).ready(function() {

                // Handle user_type visibility toggles
                $('#user_type').on('change', function() {
                    $('#paypal_email_div').attr('style', ['manager', 'agent'].includes($('#user_type').val()) ? '' : 'display:none;');
                    $('#manager_select, #feedback_select, #feedback_comm_textboxes').attr('style', $('#user_type').val() == 'seller' ? '' : 'display:none;');
                    $('#wechat_div').attr('style', ['manager', 'seller'].includes($('#user_type').val()) ? '' : 'display:none;');
                    $('#perc_div').attr('style', ['seller'].includes($('#user_type').val()) ? '' : 'display:none;');
                    $('#manager_notifs_div').attr('style', ['manager'].includes($('#user_type').val()) ? '' : 'display:none;');
                    $('fieldset#perms').attr('style', ['admin'].includes($('#user_type').val()) ? '' : 'display:none;');
                });

                @if (auth()->user()->user_type == 'admin' && $user->user_type == 'seller')