@extends('layouts.admin')
@section('css')
    <link href="https://unpkg.com/cropperjs/dist/cropper.css" rel="stylesheet"/>
    <script src="https://unpkg.com/cropperjs"></script>
    <link rel="stylesheet" href="{{ asset('assets/css/crop-image.css') }}" />
<style>
    /* Below css code used for round crop function */
    .preview {
        border-radius: 50%;
    }
    .cropper-crop-box,
    .cropper-view-box {
        border-radius: 50%;
    }

    .cropper-view-box {
        box-shadow: 0 0 0 1px #39f;
        outline: 0;
    }
</style>
@endsection
@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! __('admin.profile') !!}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{ __('common.home')}}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('admin.profile')}}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">
            <div class="round-white-bg box-shadow">
                {!! Form::open(array('route' => 'admin.update-profile', 'method' => 'POST' ,'id' => 'ajaxSave','files' => true)) !!}
                    <div class="row">
                        <div class="col-12">
                            <div class="error-msg font-14 mt-2"></div>
                        </div>

                        <div class="col-lg-6 col-sm-12">
                            <div class="row">
                                <div class="custom-input-group colored-field-group col-12">
                                    {!! Form::label('full_name', __('admin.full_name'), ['class' => 'control-label']) !!}
                                    {!! Form::text('full_name', $result->full_name, ['class' => 'form-control']) !!}
                                </div>

                                <div class="custom-input-group colored-field-group col-12">
                                    {!! Form::label('email', __('admin.email'), ['class' => 'control-label']) !!}
                                    {!! Form::text('email', $result->email, ['class' => 'form-control']) !!}
                                </div>



                                <div class="custom-input-group colored-field-group col-12">
                                    {!! Form::label('new_password', __('admin.new_password'), ['class' => 'control-label']) !!}
                                    {!! Form::password('new_password', ['class' => 'form-control']) !!}
                                </div>
                                <div class="custom-input-group colored-field-group col-12">
                                    {!! Form::label('confirm_password', __('admin.confirm_password'), ['class' => 'control-label']) !!}
                                    {!! Form::password('confirm_password', ['class' => 'form-control']) !!}
                                </div>

                                @if(!isAdminUser())
                                    <div class="custom-input-group colored-field-group col-12">
                                        {!! Form::label('phone', __('admin.phone'), ['class' => 'control-label']) !!}
                                        {!! Form::text('phone', $result->phone, ['class' => 'form-control']) !!}
                                    </div>

                                    <div class="custom-input-group colored-field-group col-12">
                                        <label class="control-label">{{ __('admin.photo') }}</label>
                                        <div class="custom-file-upload-control">
                                            <div class="custom-file-upload-container font13">
                                                {{ Form::file('', array('class' => 'custom-file-upload-field image-preview-uploader image overlay', 'id' => 'upload_image', 'accept' => 'image/png,image/jpg,image/jpeg'))}}
                                                <input type="hidden" id="uploaded_image" name="image" />
                                                <ul class="list-inline">
                                                    <li class="list-inline-item">
                                                        <a href="javascript:void(0)" class="btn btn-primary font13">  {{ __('common.choose-file')}}</a>
                                                    </li>
                                                    <li class="list-inline-item text-muted image-name-placeholder">
                                                        {{ __('common.no-file')}}
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

                                        <div class="image-preview-container mt-3">
                                            <img src="{!! getImagePath($result->photo) !!}" alt="" class="img-fluid" style="width: 150px;">
                                        </div>
                                    </div>
                                @endif
                            </div>

                            <div class="form-group mt-3">
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                        <input type="submit" class="btn btn-primary width80" value="{!! __('common.save') !!}">
                                    </li>
                                    {{-- <li class="list-inline-item">
                                        <input type="reset" class="btn btn-default width80 width80" value="{!! __('common.cancel') !!}">
                                    </li> --}}
                                </ul>
                            </div>
                        </div>
                    </div>


                {!! Form::close() !!}
            </div>
        </div>
    </div>
</div>
@include('layouts.partials.crop-image-modal')
@endsection
@section('script')
<script src="{{ asset('assets/js/crop-image.js')}}"></script>
@endsection