@extends('layouts.adminka_master')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Редактирования администратора
        </h1>
        <ol class="breadcrumb">
            <li><a href="/administrator"><i class="fa fa-dashboard"></i>Главная</a></li>
            <li><a href="/administrator/admins/index">Таблица администраторов</a></li>
            <li class="active">Редактирования администратора</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-content">
                        <form method="post" enctype="multipart/form-data"
                              action="/administrator/admins/index/{{$admins_edit->id}}">
                            <input name="_token" type="hidden" value="{{csrf_token()}}">

                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group {{ $errors->has('name') ? ' has-error' : '' }}">
                                        <label>Имя:</label>
                                        <input type="text" placeholder="" name="name" value="{{$admins_edit['name']}}">
                                        @if ($errors->has('name'))
                                            <span class="help-block-admin">
                                        <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                                        @endif
                                    </div>

                                    <div class="form-group {{ $errors->has('last_name') ? ' has-error' : '' }}">
                                        <label>Фамилия:</label>
                                        <input type="text" placeholder="" name="last_name"
                                               value="{{$admins_edit['last_name']}}">
                                        @if ($errors->has('last_name'))
                                            <span class="help-block-admin">
                                        <strong>{{ $errors->first('last_name') }}</strong>
                                    </span>
                                        @endif
                                    </div>

                                    <div class="form-group {{ $errors->has('password') ? ' has-error' : '' }}">
                                        <label>Пароль:</label>
                                        <input id="password" type="password" placeholder="" name="password"
                                               value="">
                                        @if ($errors->has('password'))
                                            <span class="help-block-admin">
                                        <strong>{{ $errors->first('password') }}</strong>
                                    </span>
                                        @endif
                                    </div>

                                    <div class="form-group">
                                        <label for="password-confirm" class="control-label">Подтвердить пароль</label>
                                        <input id="password-confirm" type="password" class="form-control"
                                               name="password_confirmation" value="">
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group {{ $errors->has('email') ? ' has-error' : '' }}">
                                        <label>Email:</label>
                                        <input type="text" placeholder="" name="email"
                                               value="{{$admins_edit['email']}}">
                                        @if ($errors->has('email'))
                                            <span class="help-block-admin">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                        @endif
                                    </div>

                                    <div class="form-group">
                                        <label>Загрузить изображение</label>
                                        <div class="input-group">
                                            <span class="input-group-btn">
                                             <span class="btn btn-default btn-file">
                                             Загрузить… <input type="file" placeholder="" accept="image/*" name="image" id="imgInp"
                                                               value="{{$admins_edit['avatar_path']}}">
                                                </span>
                                             </span>
                                            <input type="text" class="form-control"
                                                   value="{{$admins_edit['avatar_path']}}" readonly>
                                        </div>
                                        @if($admins_edit['avatar_path'] != '')
                                            <img src="{{$admins_edit['avatar_path']}}" id='img-upload'/>
                                        @else
                                            <img src="{{asset('uploads/no_foto/no_avatar.png')}}" id='img-upload'/>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <button type="submit" class="btn btn-success btn-lg">Сохранить</button>
                            <a href="/administrator/admins/index">
                                <button type="button" class="btn btn-danger btn-lg">Отмена</button>
                            </a>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

<style>
    .btn-file {
        position: relative;
        overflow: hidden;
    }

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

    #img-upload {
        width: 20%;
    }
</style>
{{--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>--}}
{{--<script>--}}
{{--$(document).ready( function() {--}}
{{--$(document).on('change', '.btn-file :file', function() {--}}
{{--var input = $(this),--}}
{{--label = input.val().replace(/\\/g, '/').replace(/.*\//, '');--}}
{{--input.trigger('fileselect', [label]);--}}
{{--});--}}

{{--$('.btn-file :file').on('fileselect', function(event, label) {--}}

{{--var input = $(this).parents('.input-group').find(':text'),--}}
{{--log = label;--}}

{{--if( input.length ) {--}}
{{--input.val(log);--}}
{{--} else {--}}
{{--if( log ) alert(log);--}}
{{--}--}}

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

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

{{--reader.readAsDataURL(input.files[0]);--}}
{{--}--}}
{{--}--}}

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