@extends('layouts.master')
@section('title', 'Edit User')
@section('content')
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-12">
                <div class="card mb-4">
                    <div class="card-header pb-0">
                        <div class="row">
                            <div class="row">
                                <div class="col-md-12">
                                    <h6 class="mb-0">Edit User</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body px-3 pt-4 pb-2">
                        <form action="{{ route('users.update', $user->id) }}" method="POST">
                            @method('PUT')
                            @csrf
                            <div class="form-outline mb-4">
                                <label class="form-label" for="name">Name</label>
                                <input type="text" name="name" class="form-control" placeholder="Name" value="{{ old('name', $user->name) }}" aria-label="Name" aria-describedby="name-addon">
                                @error('name')
                                <span class="invalid_feedback">
                                    <strong class="text-danger text-sm">{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="role">Role</label>
                                @if(!$user->subscribed_user)
                                    <select class="form-select select2 p-2" name="role" required style="width: 100%">
                                        <option value="{{ \App\Models\User::COMPANY_GROUP_ADMIN }}" @selected(old('role', $user->roles[0]->name) == \App\Models\User::COMPANY_GROUP_ADMIN)>Company Group Admin</option>
                                        <option value="{{ \App\Models\User::COMPANY_ADMIN }}" @selected(old('role', $user->roles[0]->name) == \App\Models\User::COMPANY_ADMIN)>Company Admin</option>
                                        <option value="{{ \App\Models\User::COMPANY_STAFF }}" @selected(old('role', $user->roles[0]->name) == \App\Models\User::COMPANY_STAFF)>Company Staff</option>
                                    </select>
                                    @error('role')
                                    <span class="invalid_feedback">
                                      <strong class="text-danger text-sm">{{ $message }}</strong>
                                </span>
                                    @enderror
                                @else
                                    <input type="text" name="role" readonly value="{{ $user->roles[0]->name }}" class="form-control" >
                                @endif
                            </div>
                            <div class="form-outline mb-4" {{ auth()->user()->hasRole(\App\Models\User::SUPER_ADMIN) ? '' : 'hidden' }}>
                                <label class="form-label" for="company-groups">Company Groups</label>
                                @if(!$user->subscribed_user)
                                    <select class="form-select select2 p-2 company-groups" required name="company_group_id" style="width: 100%">
                                        @foreach($companyGroups as $companyGroup)
                                            <option @selected(old('company_group_id', $user->company_group_id) == $companyGroup->id) value="{{ $companyGroup->id }}">{{ $companyGroup->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('company_group_id')
                                    <span class="invalid_feedback">
                                      <strong class="text-danger text-sm">{{ $message }}</strong>
                                </span>
                                    @enderror
                                @else
                                    <input type="text" name="company_group_id" readonly value="{{ $companyGroups->where('id', $user->company_group_id)->first()->name }}" class="form-control" >
                                @endif
                            </div>
                            @if(!$user->subscribed_user)
                                <div class="form-outline mb-4 companies">
                                    <label class="form-label" for="company">Company</label>
                                    <select class="form-select select2 p-2 get-companies-data" name="company_id" style="width: 100%">
                                        @foreach($companies as $company)
                                            <option @selected(old('company_id', $user->company_id) == $company->id) value="{{ $company->id }}">{{ $company->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('company_id')
                                    <span class="invalid_feedback">
                                      <strong class="text-danger text-sm">{{ $message }}</strong>
                                </span>
                                    @enderror
                                </div>
                                <div class="form-outline mb-4 company_group_user_div">
                                    <label class="form-label" for="company_group_user">Company Group User</label>
                                    <div class="form-check form-switch d-inline-block ms-3">
                                        <input type="checkbox" class="form-check-input company_group_user" name="company_group_user" value="{{ $user->has_full_group_access }}" @checked(old('company_group_user', $user->has_full_group_access) == 1) style="cursor: pointer;">
                                        <label for="company_group_user" class="form-check-label"></label>
                                    </div>
                                    @error('company_group_user')
                                    <span class="invalid_feedback">
                                      <strong class="text-danger text-sm">{{ $message }}</strong>
                                </span>
                                    @enderror
                                </div>
                            @endif
                            <div class="form-outline mb-4">
                                <label class="form-label" for="email">Email</label>
                                <input type="email" name="email" class="form-control" placeholder="Email" value="{{ old('email', $user->email) }}" aria-label="Email" aria-describedby="email-addon">
                                @error('email')
                                <span class="invalid_feedback">
                                    <strong class="text-danger text-sm">{{ $message }}</strong>
                                 </span>
                                @enderror
                            </div>
                            <div class="form-outline mb-4">
                                <label class="form-label" for="status">Status</label>
                                <div class="form-check form-switch d-inline-block ms-3">
                                    <input type="checkbox" class="form-check-input user-status" id="site_state" value="{{ $user->status }}" @checked(old('status', $user->status) == 1) name="status" style="cursor: pointer;">
                                    <label for="site_state" class="form-check-label"></label>
                                </div>
                                @error('status')
                                <span class="invalid_feedback">
                                      <strong class="text-danger text-sm">{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="d-flex justify-content-end">
                                <button type="submit" class="btn btn-primary btn-block mb-4 me-2">Save</button>
                                <a class="btn btn-secondary btn-block mb-4" href="{{ route('users.index') }}">Cancel</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        $('.company-groups').change( function() {
            let id = $(this).val();
            var company = {{ old('company_id', 0) }};
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            var company_dropdown = $('select[name="company_id"]');
            company_dropdown.empty().prop('disabled', true);

            $.ajax({
                url: "{{ route('users.companies.data') }}",
                type: "GET",
                dataType: "json",
                data: {
                    'id': id
                },
                success: function(res) {
                    $.each(res.companies, function (index, value) {
                        company_dropdown.append(`<option value='${index}'>${value}</option>`);
                    });
                    if(company)
                        company_dropdown.val(company);
                    company_dropdown.prop('disabled', false).trigger('change');
                },
                error: function error() {
                    toastr.error("Something went wrong. Please try again.");
                }
            });
        }).change();


        $('select[name="role"]').change(function () {
            $(".companies, .company_group_user_div").toggle($(this).val() != '{{ \App\Models\User::COMPANY_GROUP_ADMIN }}')
        }).change();

        $('.user-status, .company_group_user').change(function () {
            $(this).val($(this).prop('checked') ? 1 : 0);
        }).change();
    </script>
@endpush