@extends($ajaxCall)

@section('css')
    {{--<link rel="stylesheet" href="{{ asset('/assets/cropper/bootstrap.min.css') }}" />--}}
    <link rel="stylesheet" href="{{ asset('/assets/cropper/cropper.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('/assets/cropper/cropper-main.css') }}" />
@stop

@section("content")
    @include('general.tab-header', ['departmentName' => 'Organization', 'moduleName' => 'New Employee'])

    <div class="col-lg-6">
        <div style="float: left">
            <img class="disabled" src="{{ asset('/assets/img/icons/numbers/1.png') }}">
        </div>
        <div style="float: left; padding: 5px">
            <h3 class="disabled"  style="margin: 5px ">User Information</h3>
        </div>
    </div>
    <div class="col-lg-6">
        <div style="float: left">
            <img src="{{ asset('/assets/img/icons/numbers/2.png') }}">
        </div>
        <div style="float: left;padding: 5px">
            <h3 style=" margin: 5px ">Upload Photo</h3>
        </div>
    </div>
    <div class="col-lg-12">
        <hr/>
    </div>

    <div class="col-lg-6">
        @include('user/layouts/create-form', ['submitLabel' => 'Proceed To Step 2', 'disabled' => true])
    </div>

    <div class="col-lg-6">
        <div class="col-md-4">
            {{--Upload Photo Form--}}
            @include('forms/general/upload-picture', ['postUrl' => route("homepage")."#user/upload/{$user->id}"])
        </div>
        <div class="col-md-12">
            <hr/>
        </div>

        <div class="form-group col-md-11 text-left" style="margin: 10px 0 0 5px">
            <a href="javascript:history.back()" class="btn btn-success">Back</a>
            <a href="{{ route("homepage")."#". url("user/create?s=".rand(100, 999)) }}" class="btn btn-primary">New Employee</a>
            <a href="{{ route("homepage")."#user/{$user->id}/edit" }}" class="btn btn-warning">Edit Profile</a>

        </div>
    </div>
@stop


@section("js_scripts")
    <script src="{{ asset('/assets/cropper/jquery.min.js') }}"></script>

    <script src="{{ asset('/assets/cropper/bootstrap.min.js') }}"></script>
    <script src="{{ asset('/assets/cropper/cropper.min.js') }}"></script>

    <script src="{{ asset('/assets/cropper/cropper-main.js') }}"></script>
    <script src="{{ asset("/packages/bootstrap/bootstrap.min.js") }}"></script>

@stop