@extends('backend.layouts.master')
@section('title')
    <title>Kullanıcı Güncelle | {{ $user->first_name }} {{ $user->last_name }}</title>
@endsection
@section('breadcrumb')
    <div class="subheader py-2 py-lg-4 subheader-solid" id="kt_subheader">
        <div class="container-fluid d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
            <!--begin::Info-->
            <div class="d-flex align-items-center flex-wrap mr-2">
                <h5 class="text-dark font-weight-bold my-1 mr-5">Kullanıcı Güncelleme </h5>

                <div class="subheader-separator subheader-separator-ver mt-2 mb-2 mr-4 bg-gray-200">

                </div>
            </div>
        </div>
    </div>
@endsection
@section('content')
<form method="POST" action="{{ route('user.edit',$user->id) }}" enctype="multipart/form-data">
    @csrf
    <div class="container">
        <div class="row">
            <div class="card card-custom card-stretch col-12" style="margin-bottom: 50px;">
                    <div class="card-body">
                        <div class="row">
                            <label class="col-xl-3"></label>
                            <div class="col-lg-9 col-xl-6">
                                <h5 class="font-weight-bold mb-6">Profil Resmi</h5>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">Avatar</label>
                            <div class="col-lg-9 col-xl-6">
                                <div class="image-input image-input-outline" id="kt_profile_avatar"
                                    style="background-image: url(backend/assets/media/users/blank.png)">
                                        <img class="image-input-wrapper" id="blah" src="/storage/avatars/{{ $user->userdetay->images }}">
                                    <label
                                        class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
                                        data-action="change" data-toggle="tooltip" title=""
                                        data-original-title="Change avatar">
                                        <i class="fa fa-pen icon-sm text-muted"></i>
                                    <input id="imgInp" type="file" name="images" accept=".png, .jpg, .jpeg">
                                    </label>
                                    <span class="btn btn-xs btn-icon btn-circle btn-white btn-hover-text-primary btn-shadow"
                                        data-action="cancel" data-toggle="tooltip" title=""
                                        data-original-title="Cancel avatar">
                                        <i class="ki ki-bold-close icon-xs text-muted"></i>
                                    </span>
                                </div>
                                <span class="form-text text-muted @error('images') is-invalid @enderror">Geçerli Uzantılar: png, jpg, jpeg. | Max Boyut : 1MB olmalıdır.</span>
                                @error('images')
                                <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">Adınız</label>
                            <div class="col-lg-9 col-xl-6">
                                <input name="first_name" class="form-control form-control-lg form-control-solid" type="text"
                                    value="{{ $user->first_name }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">Telefon (Oturum girişi yapılabilecektir.)</label>
                            <div class="col-lg-9 col-xl-6">
                                <input name="login_phone" class="form-control form-control-lg form-control-solid" type="text"
                                    value="{{ $user->login_phone }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">Soyadınız</label>
                            <div class="col-lg-9 col-xl-6">
                                <input class="form-control form-control-lg form-control-solid" type="text" name="last_name"
                                    value="{{ $user->last_name }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">Mail Adresi</label>
                            <div class="col-lg-9 col-xl-6">
                                <input class="form-control form-control-lg form-control-solid" type="text" name="email"
                                    value="{{ $user->email }}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="exampleSelect1" class="col-xl-3 col-lg-3 col-form-label">Rol Seç</label>
                            <div class="col-lg-9 col-xl-6">
                                <select class="form-control form-control-lg form-control-solid" id="exampleSelect1"
                                    name="role">
                                   @foreach ($role as $rol )
                                   <option  value="{{$rol->id}}" {{ $user->hasRole($rol->name) ? 'selected' : '' }} >{{$rol->title_view}}</option>
                                   @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-xl-3 col-lg-3 col-form-label">Biyografik Bilgi</label>
                            <div class="col-lg-9 col-xl-6">
                                <textarea class="form-control form-control-lg form-control-solid" name="bio" id="" cols="15" name="about"
                                    rows="5">{{ $user->userdetay->note }} </textarea>
                            </div>
                        </div>

                    </div>
                    <div class="card-footer ">
                        <div class="card-toolbar float-right">
                        <button type="submit" class="btn btn-primary mr-2">Güncelle</button>
                    </div>
                </div>
                <!--end::Form-->
            </div>
        </div>
    </div>
</form>

@endsection
@section('css')
    <style></style>
@endsection
@section('js')
    <script>

function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function(e) {
      $('#blah').attr('src', e.target.result);
    }

    reader.readAsDataURL(input.files[0]); // convert to base64 string
  }
}

$("#imgInp").change(function() {
  readURL(this);
});
    </script>

@endsection