@extends('layout.master')
@section('parentPageTitle', 'Admin Fakultas')
@section('title', $title_page)


@section('content')
<div class="section-body mt-3">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <form id="frm_edit_user_fakultas" action="#" enctype="multipart/form-data">
                    @csrf
                        <div class="row clearfix">
                            @if($flag == 0)
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="media mb-0">
                                    @php
                                    if (empty($data->profile_picture))
                                        $data->profile_picture = 'user-default.png';
                                    @endphp
                                    <img id="photo_profile"class="rounded mr-3" src="{{asset('upload/profile_picture/'.$data->profile_picture)}}" alt="" style="width: 30%; height: 10%;">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="profile_picture" class="col-sm-3 col-form-label"></label>
                                    <input type="file" id="post_profile_picture" name="profile_picture" class="form-control col-sm-10" onChange="uploadFoto()">
                                </div>
                            </div>
                            @endif

                            
                            @if(Session::get('role_id') != 3)
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                <label for="all_fakultas">Fakultas<span class="required" style="color: red;"> *</span></label>
                                    <select name="fakultas" class="form-control col-sm-10">
                                        <option>-- Silahkan pilih fakultas --</option>
                                    @foreach($all_fakultas as $key => $value)
                                        <option value="{{ $key }}" {{$data->fakultas_id == $key ? 'selected' : ''}} >{{ $value }}</option>
                                    @endforeach
                                    </select>
                                </div>
                            </div>
                            @endif
                            
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group">
                                    <label for="fullname" class="col-sm-3 col-form-label">Nama Lengkap<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="fullname" class="form-control col-sm-10" placeholder="Fullname" value="{{ $data->nama_lengkap }}">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="email" class="col-sm-3 col-form-label">Email<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="email" class="form-control col-sm-10" placeholder="Email" value="{{ $data->email }}">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="username" class="col-sm-3 col-form-label">Username<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="username" class="form-control col-sm-10" placeholder="Username" value="{{ $data->username }}" disabled>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="no_hp" class="col-sm-3 col-form-label">No. HP<span class="required" style="color: red;"> *</span></label>
                                    <input type="text" name="no_hp" class="form-control col-sm-10" placeholder="No Handphone" value="{{ $data->no_hp }}" maxlength="13">
                                </div>
                            </div>                                    
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="form-group">
                                    <label for="alamat" class="col-sm-3 col-form-label">Alamat<span class="required" style="color: red;"> *</span></label>
                                    <textarea type="text" rows="5" name="alamat" class="form-control col-sm-10" placeholder="Alamat">{{ $data->alamat }}</textarea>
                                </div>
                            </div>
                            <input type="hidden" name="flag" id="flag" value="{{ $flag }}">
                            @if($flag == 0)
                                @if(sizeof($roles) > 1)
                                <div class="col-sm-10">
                                    <div class="table-responsive">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th><b>Role</b></th>
                                                    <th><b>Dafult Role</b></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($roles as $role)
                                                <tr>
                                                    <td>{{ $role->role_name }}</td>
                                                    <td>
                                                        <div class="custom-control custom-radio custom-control-inline">
                                                            <input type="radio" id="default_role{{$role->role_id}}" value="{{ $role->role_id }}" name="default_role" class="custom-control-input roles" {{ ($role->is_default == 1) ? "checked" : "" }}>
                                                            <label class="custom-control-label" for="default_role{{$role->role_id}}"></label>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endforeach
                                                @php
                                                    $dflt_role = Session::get('role_default');
                                                @endphp
                                                <input type="hidden" id="role_default_change" name="default_role_id" value="{{ $dflt_role->role_id }}"/>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                @endif
                            @endif

                            <div class="col-10">
                                <div align="right">
                                    <input type="hidden" name="id" id="valId" value="{{$data->user_id}}">
                                    <input type="hidden" name="admin_id" id="valId2" value="{{$data->admin_id}}">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="history.back();">Kembali</button>
                                    <button type="button" id="resetpass" data-id="{{ $data->user_id }}" class="btn btn-danger">Reset Password</button>
                                    <button type="submit" class="btn btn-primary">Ubah</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>            
    </div>
@stop

@section('page-styles')
<link rel="stylesheet" href="{{ asset('assets/plugins/sweetalert/sweetalert.css') }}">
<link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}">

@stop

@section('page-script')
<script src="{{ asset('assets/plugins/sweetalert/sweetalert.min.js') }}"></script>

<script src="{{ asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('assets/js/core.js') }}"></script>
<script src="{{ asset('assets/js/page/dialogs.js') }}"></script>
<script>
    $(document).on('change',".roles", function() {
        $("#role_default_change").val($(this).val());
    });
    
    function uploadFoto(){
        event.preventDefault();
        var formData = new FormData($("#frm_edit_user_fakultas")[0]);
        console.log(formData);

        var getUrl = window.location;
        var baseUrl = getUrl.protocol + "//" + getUrl.host;
        var val = "assets/images/loading.gif";
        var baseUrlImg = baseUrl + "/" + val;
        var path = baseUrl+"/upload/profile_picture/";

        window.swal({
            title: "Please wait",
            text: "File sedang diproses...",
            imageUrl: baseUrlImg,
            showConfirmButton: false,
            allowOutsideClick: false
        });

        $.ajax({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '/profile/postfoto',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(result) {
                console.log(result);
                if (result.status == 'success') {
                    swal("Success", result.message, "success");
                    $("#photo_profile").attr("src", path+result.photo);
                    $("#profile_picture_header").attr("src", path+result.photo);

                } else {
                    swal("Warning", result.message, "warning");
                }
            },
            error: function(data) {
                console.log(data);
            }
        });
    }
</script>
@stop