@extends('layouts.admin')

@section('title', 'Edit Staff')
@section('content-header', 'Edit Staff')

@section('content')

    <div class="card">
        <div class="card-body">

            <form action="{{ route('staffs.update', $staff) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <h5><u>Staff Information</u></h5>

                <div class="form-group">
                    <label for="branch">Branch</label>
                    <div class="container" style="overflow: auto; border: 1px solid grey; height: 200px">
                        @foreach ($branches as $key => $value)
                            @if(in_array($key, $branch_access))
                                &nbsp;<input type="checkbox" id="branch_{{ $key }}" name="branch[]" value="{{ $key }}" {{ in_array($key, old('branch[]', $selected_branch)) == $key ? 'checked' : ''}}>
                                <label for="branch_{{ $key }}">{{ $value }} ({{ $key }})</label><br>
                            @elseif($user_role == 1)
                                &nbsp;<input type="checkbox" id="branch_{{ $key }}" name="branch[]" value="{{ $key }}" {{ in_array($key, old('branch[]', $selected_branch)) == $key ? 'checked' : ''}}>
                                <label for="branch_{{ $key }}">{{ $value }} ({{ $key }})</label><br>
                            @endif
                        @endforeach
                    </div>
                </div>

                <div class="form-group">
                    <label for="first_name">First Name</label>
                    <input type="text" name="first_name" class="form-control @error('first_name') is-invalid @enderror" id="first_name" placeholder="First Name" value="{{ old('first_name', $staff->first_name) }}">
                    @error('first_name')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="last_name">Last Name</label>
                    <input type="text" name="last_name" class="form-control @error('last_name') is-invalid @enderror" id="last_name" placeholder="Last Name" value="{{ old('last_name', $staff->last_name) }}">
                    @error('last_name')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="email">Email</label>
                    <input type="text" name="email" class="form-control @error('email') is-invalid @enderror" id="email" placeholder="Email" value="{{ old('email', $staff->email) }}">
                    @error('email')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="role">Staff Role</label>
                    <select name="role" class="form-control @error('role') is-invalid @enderror" id="role">
                        <option>-SELECT-</option>
                        @foreach ($access_controls as $key => $value)
                            @if (old('branch', $staff->role) == $key)
                                <option value="{{ $key }}" selected>{{ $value }} ({{ $key }})</option>
                            @else
                                <option value="{{ $key }}">{{ $value }} ({{ $key }})</option>
                            @endif
                        @endforeach
                    </select>
                    @error('role')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <hr>

                <h5><u>Access Information</u></h5>

                <div class="form-group">
                    <label for="login_access">
                        <input type="hidden" name="login_access" value="0">
                        <input type="checkbox" name="login_access" id="login_access" value="1" {{ old('login_access', $staff->login_access_flag) == 1 ? 'checked' : '' }} data-plugin="switchery" data-color="#1bb99a">
                        Login Access
                    </label>

                    {!! "&nbsp;" !!}

                    <label for="cashier_access">
                        <input type="hidden" name="cashier_access" value="0">
                        <input type="checkbox" name="cashier_access" id="cashier_access" value="1" {{ old('cashier_access', $staff->cashier_access_flag) == 1 ? 'checked' : ''}} data-plugin="switchery" data-color="#1bb99a">
                        Cashier Access
                    </label>
                </div>

                <div id="cashier_access_section">

                    <div class="form-group">
                        <label for="username">Cashier Username</label>
                        <input type="text" name="username" class="form-control @error('username') is-invalid @enderror" id="username" placeholder="Cashier Username" value="{{ old('username', $username) }}">
                        @error('username')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="cashier_password">Cashier Password</label>
                        <input type="password" name="cashier_password" class="form-control @error('cashier_password') is-invalid @enderror" id="cashier_password" placeholder="Cashier Password" value="{{ old('cashier_password', $password) }}" autocomplete="new-password">
                        @error('cashier_password')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="cashier_hashed">Cashier Hashed</label>
                        <input type="text" name="cashier_hashed" class="form-control @error('cashier_hashed') is-invalid @enderror" id="cashier_hashed" placeholder="Cashier Hashed" value="{{ old('cashier_hashed', $hashed) }}">
                        <button class="btn btn-default btn-xs" id="uuid" style="">Regenerate</button>
                        @error('cashier_hashed')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="expiry_date">Expiry Date</label>
                        <input type="date" name="expiry_date" class="form-control @error('expiry_date') is-invalid @enderror" id="expiry_date" value="{{ old('expiry_date', $staff->expiry_date) }}">
                        @error('expiry_date')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>

                @if(checkAccessControl(14))

                <hr>

                <h5><u>Schedule Reporting</u></h5>

                <div class="form-group">
                    <label for="email_schedule">Email Schedule</label>
                    <ul class="data-listing">
                        <li class="data-element">
                            <div class="row">
                                <div class="col-8">
                                    <span style="margin: 10px;">Daily</span>
                                </div>
                                <div class="col-4" style="text-align: right">
                                    <input type="checkbox" name="email_schedule[]" id="email_schedule" class="data-checkbox @error('email_schedule') is-invalid @enderror" {{ old('cashier_access', $staff->email_schedule) == 'Daily' ? 'checked' : ''}} value="Daily">
                                </div>
                            </div>
                        </li>
{{--                        <li class="data-element">--}}
{{--                            <div class="row">--}}
{{--                                <div class="col-8">--}}
{{--                                    <span style="margin: 10px;">Weekly</span>--}}
{{--                                </div>--}}
{{--                                <div class="col-4" style="text-align: right">--}}
{{--                                    <input type="checkbox" name="email_schedule_list[]" id="email_schedule_list" class="data-checkbox" value="Weekly">--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </li>--}}
{{--                        <li class="data-element">--}}
{{--                            <div class="row">--}}
{{--                                <div class="col-8">--}}
{{--                                    <span style="margin: 10px;">Monthly</span>--}}
{{--                                </div>--}}
{{--                                <div class="col-4" style="text-align: right">--}}
{{--                                    <input type="checkbox" name="email_schedule_list[]" id="email_schedule_list" class="data-checkbox" value="Monthly">--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </li>--}}
                    </ul>
                    @error('email_schedule')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

{{--                <div class="form-group">--}}
{{--                    <label for="report_type">Report Type</label>--}}
{{--                    <ul class="data-listing">--}}
{{--                        <li class="data-element">--}}
{{--                            <div class="row">--}}
{{--                                <div class="col-8">--}}
{{--                                    <span style="margin: 10px;">POS Transaction Day Summary</span>--}}
{{--                                </div>--}}
{{--                                <div class="col-4" style="text-align: right">--}}
{{--                                    <input type="checkbox" name="report_type_list[]" id="report_type_list" class="data-checkbox" value="POS_Transactions_Day_Summary">--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </li>--}}
{{--                    </ul>--}}
{{--                </div>--}}

                @endif

                <hr>

                <h5><u>Password Setting</u></h5>

                <div class="form-group">
                    <label for="password">Password</label>
                    <input type="password" name="password" class="form-control @error('password') is-invalid @enderror" id="password" placeholder="Password" autocomplete="new-password">
                    @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="password-confirm">Confirm Password</label>
                    <input type="password" name="password_confirmation" class="form-control" id="password-confirm" placeholder="Password" autocomplete="new-password">
                </div>

                <button class="btn btn-primary" type="submit">Update</button>
            </form>
        </div>
    </div>

@endsection

@section('js')
    <script src="{{ asset('plugins/bs-custom-file-input/bs-custom-file-input.min.js') }}"></script>
    <script>
        $(document).ready(function () {
            bsCustomFileInput.init();

            $('#uuid').click(function(e){
                $.ajax({
                    type: 'GET',
                    url: window.location.protocol+'//'+window.location.host+'/'+'uuid',
                    cache: false,
                    success: function (resp) {
                        $('#cashier_hashed').val(resp)

                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        console.log("ajax error", xhr.status);
                    }
                }); //ajax
                e.preventDefault();
            });
        });
    </script>
@endsection