@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<style>
    ul {margin:0;}
</style>
@endsection
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3>Admin Detail {{ $user->nik }}</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row">
                <div class="col-xs-6">
                    <form id="form" class="form-horizontal">
                        <input type="hidden" name="id" value="{{ $user->id }}" />

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">NIK :</label>
                            <div class="col-xs-12 col-sm-9">
                                <input disabled type="text" class="form-control" value="{{ $user->username }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Name :</label>
                            <div class="col-xs-12 col-sm-9">
                                <input type="text" name="name" class="form-control" placeholder="Nama Karyawan" value="{{ $user->name }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Email :</label>
                            <div class="col-xs-12 col-sm-9">
                                <input type="email" name="email" class="form-control" placeholder="Email address" value="{{ $user->email }}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Team :</label>
                            <div class="col-xs-12 col-sm-9">
                                <select class="form-control" name="team">
                                    <option value="">Select Team</option>
                                    @foreach($teams as $team)
                                        <option value="{{ $team->id }}" @if($team->id == $user->id_users_team) selected @endif>{{ $team->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Supervisor :</label>
                            <div class="col-xs-12 col-sm-9">
                                <select class="form-control" name="supervisor" value="{{ $user->supervisor }}">
                                    <option value="1" {{ $user->is_supervisor == '1' ? 'selected' : '' }}>Yes</option>
                                    <option value="0" {{ $user->is_supervisor == '0' ? 'selected' : '' }}>No</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Status :</label>
                            <div class="col-xs-12 col-sm-9">
                                <select class="form-control" name="status">
                                    <option value="">Select Status</option>
                                    @foreach(\App\Models\Users_model::STATUS as $status)
                                        <option value="{{ $status["ID"] }}" @if($status["ID"] == $user->status) selected @endif>{{ $status["TEXT"] }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label">Store :</label>
                                <div class="col-xs-12 col-sm-9">
                                    <select class="form-control" name="toko">
                                        {{-- <option value="all" @if($request["toko"]) == 'all') selected @endif>All Stores</option> --}}
                                            @foreach($tokos as $toko)
                                                <option value="{{ $toko->id }}" @if($user->id_toko == $toko->id) selected @endif>{{ $toko->nama }}</option>
                                            @endforeach
                                    </select>
                                </div>
                                </div>

                        <div class="form-group">
                            <div class="col-xs-12 col-sm-9 col-sm-offset-3">
                                <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                                <div class="submit">
                                    <button type="submit" class="btn btn-default"><i class="fa fa-check" aria-hidden="true"></i> Save</button>
                                    <button type="button" class="btn btn-danger btn-resetpassword"><i class="fa fa-refresh" aria-hidden="true"></i> Reset Password</button>
                                    <button type="button" class="btn btn-danger btn-resetpin"><i class="fa fa-refresh" aria-hidden="true"></i> Reset PIN</button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <hr>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <form id="permission_form">
                        <input type="hidden" name="id" value="{{ $user->id }}">
                        <table id="table-user-permission" class="table table-condensed table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th class="text-center">ID</th>
                                    <th>Menu</th>
                                    <th class="text-center">Access</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($menus as $menu)
                                    <tr>
                                        <td class="text-center">{{ $menu->id }}</td>
                                        <td>@if($menu->child_menu()->exists())<strong>{{ $menu->label }}</strong>@else{{ $menu->label }}@endif</td>
                                        <td class="text-center">
                                            <input class="text-center menu-radiobtn" type="checkbox" name="access[]" value="{{ $menu->id }}" @if(!empty($user->user_permission_bo) && in_array($menu->id, json_decode($user->user_permission_bo))) checked @endif>
                                        </td>
                                    </tr>
                                    @foreach($menu->child_menu as $child_menu)
                                        <tr>
                                            <td class="text-center">{{ $child_menu->id }}</td>
                                            <td>@if($child_menu->child_menu()->exists())<strong>-- {{ $child_menu->label }}</strong>@else-- {{ $child_menu->label }}@endif</td>
                                            <td class="text-center">
                                                <input class="text-center menu-radiobtn" type="checkbox" name="access[]" value="{{ $child_menu->id }}" @if(!empty($user->user_permission_bo) && in_array($child_menu->id, json_decode($user->user_permission_bo))) checked @endif>
                                            </td>
                                        </tr>
                                        @foreach($child_menu->child_menu as $child_menu2)
                                            <tr>
                                                <td class="text-center">{{ $child_menu2->id }}</td>
                                                <td>---- {{ $child_menu2->label }}</td>
                                                <td class="text-center">
                                                    <input class="text-center menu-radiobtn" type="checkbox" name="access[]" value="{{ $child_menu2->id }}" @if(!empty($user->user_permission_bo) && in_array($child_menu2->id, json_decode($user->user_permission_bo))) checked @endif>
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endforeach
                                @endforeach
                            </tbody>
                        </table>

                        <div class="form-group">
                            <div class="loading hidden"><i class="fa fa fa-spinner fa-pulse"></i></div>
                            <div class="submit">
                                <button type="submit" class="btn btn-default"><i class="fa fa-check" aria-hidden="true"></i> Submit</button>
                            </div>
                        </div>
                    </form>

                    <hr>

                    <form id="function_form">
                        <input type="hidden" name="id" value="{{ $user->id }}">
                        <table id="table-user-permission" class="table table-condensed table-bordered">
                            <thead>
                                <tr>
                                    <th class="text-center">ID</th>
                                    <th>Route Name</th>
                                    <th class="text-center">Function</th>
                                    <th class="text-center">Access</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($functions as $function)
                                    <tr>
                                        <td class="text-center">{{ $function->id }}</td>
                                        <td>{{ $function->route_name }}</td>
                                        <td>{{ $function->function }}</td>
                                        <td class="text-center">
                                            <input class="text-center menu-radiobtn" type="checkbox" name="access[]" value="{{ $function->id }}" @if($function->permission_bo_user()->exists()) checked @endif>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>

                        <div class="form-group">
                            <button type="submit" class="btn btn-default btn-submit"><i class="fa fa-check" aria-hidden="true"></i> Submit</button>
                        </div>
                    </form>
                </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section("scripts")
<script type="text/javascript">
    $("#form").on("submit", function() {
        $("#form").find('.loading').removeClass('hidden');
        $("#form").find('.submit').addClass('hidden');
        $.ajax({
            url: '{{ $user->id }}/change_profile',
            method: "POST",
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: $("#form").serialize(),
            success: function(response) {
                alert("Data saved");
                location.reload();
                $("#form").find('.loading').addClass('hidden');
                $("#form").find('.submit').removeClass('hidden');
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                $("#form").find('.loading').addClass('hidden');
                $("#form").find('.submit').removeClass('hidden');
            }
        });
        return false;
    })

    $(".btn-resetpassword").on("click", function() {
        $("#form").find('.loading').removeClass('hidden');
        $("#form").find('.submit').addClass('hidden');
		email_val = $("input[name='email']").val();
        $.ajax({
            url: '{{ $user->id }}/reset_password',
            method: "POST",
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: $("#form").serialize(),
            success: function(response) {
                alert("Password already reset, check in inbox of "+email_val);//alert("Data saved, New password is : " + response.new_password);
                $("#form").find('.loading').addClass('hidden');
                $("#form").find('.submit').removeClass('hidden');
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                $("#form").find('.loading').addClass('hidden');
                $("#form").find('.submit').removeClass('hidden');
            }
        });
        return false;
    })

    $(".btn-resetpin").on("click", function() {
        $("#form").find('.loading').removeClass('hidden');
        $("#form").find('.submit').addClass('hidden');
        $.ajax({
            url: '{{ $user->id }}/reset_pin',
            method: "POST",
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: $("#form").serialize(),
            success: function(response) {
                alert("Data saved, New pin is : " + response.new_pin);
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                $("#form").find('.loading').addClass('hidden');
                $("#form").find('.submit').removeClass('hidden');
            }
        });
        return false;
    })

    $("#permission_form").on("submit", function() {
        $("#permission_form").find('.loading').removeClass('hidden');
        $("#permission_form").find('.submit').addClass('hidden');
        $.ajax({
            url: '{{ $user->id }}/change_permission',
            method: "POST",
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: $("#permission_form").serialize(),
            success: function(response) {
                alert("Data saved");
                location.reload();
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                $("#permission_form").find('.loading').addClass('hidden');
                $("#permission_form").find('.submit').removeClass('hidden');
            }
        });
        return false;
    })

    $("#function_form").on("submit", function() {
        $("#function_form").find(".btn-submit").html('<i class="fa fa fa-spinner fa-pulse" aria-hidden="true"></i> Loading').attr("disabled", "disabled");
        $.ajax({
            url: '{{ $user->id }}/change_access_function',
            method: "POST",
            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
            data: $("#function_form").serialize(),
            success: function(response) {
                alert("Data saved");
                location.reload();
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
                $("#function_form").find(".btn-submit").html('<i class="fa fa-check" aria-hidden="true"></i> Submit').removeAttr("disabled");
            }
        });
        return false;
    })
</script>
@endsection