@extends('layouts/ajax')

<link type="text/css" href="{{ asset('/assets/cropper/bootstrap.min.css') }}" />
<link type="text/css" href="{{ asset('/assets/cropper/cropper.min.css') }}" />
<link type="text/css" href="{{ asset('/assets/cropper/main.css') }}" />

<div class="container" id="crop-avatar">
    <!-- Current avatar -->
    <div class="avatar-view" title="Change the avatar">
        <img src="{{ $picture }}" alt="Avatar">
    </div>
    <!-- Cropping modal -->
    @include('user/layouts/crop-modal')

    <!-- Loading state -->
    <div class="loading" aria-label="Loading" role="img" tabindex="-1"></div>
</div>




<script src="{{ asset('/assets/cropper/jquery.min.js') }}"></script>
<script src="{{ asset('/assets/cropper/bootstrap.min.js') }}"></script>
{{--<script>var jquery111 = jQuery.noConflict( true );</script>--}}
<script src="{{ asset('/assets/cropper/cropper.min.js') }}"></script>
<script src="{{ asset('/assets/cropper/main.js') }}"></script>
<script>var jquery111 = jQuery.noConflict( true );</script>