@extends('backend.includes.panel')

@section('page_css')
<link rel="stylesheet" href="{{ BE_URL.'plugins/dropify/dist/css/dropify.min.css' }}">
<link href="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.css'}}" rel="stylesheet">
@stop

@section('page_title','Edit profile')

@section('inner_page_link')
    <li class="breadcrumb-item active">Profile details</li>
@stop

@section('main_content')
	<div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    {{ Form::model($user,['route' => 'backend.update.profile','class'=>'form-horizontal form-material','data-parsley-validate'=>'','method'=>'POST','autocomplete'=>'off','id'=>'editProfile','enctype'=>'multipart/form-data']) }}
                    {{ Form::hidden('role_id',$user->role_id) }}
                    <h4 class="card-title">Edit profile
                        <button type="button" style="float: right;" onclick="javascript:window.location.reload();" class="btn btn-warning waves-effect waves-light m-r-10">Reset</button>
                        <button type="submit" style="float: right;" class="btn btn-success waves-effect waves-light m-r-10">Update</button>
                    </h4>
                    <h6 class="card-subtitle"><code>Update your profile details</code></h6>
                    <div class="form-group m-b-40">
                        <label class="form-control-label" for="name">Name</label>
                        {{ Form::text('name',null,['class'=>'form-control','data-parsley-required'=>'true','autofocus'=>'true','id'=>'name']) }}
                    </div>
                    <div class="form-group m-b-40">
                        <label class="form-control-label" for="email">Email</label>
                        {{ Form::email('email',null,['class'=>'form-control','data-parsley-required'=>'true','id'=>'email','data-parsley-type'=>'email']) }}
                    </div>
                    <div class="form-group m-b-40">
                        <label class="form-control-label" for="Phone">Phone</label>
                        {{ Form::text('phone',null,['class'=>'form-control','data-parsley-required'=>'true','data-parsley-type'=>'phone']) }}
                    </div>
                    <div class="form-group m-b-40">
                        {{ Form::hidden('old_image',$user->image,['id'=>'old_image']) }}
                        <h4 class="card-title">{{ ($user->role_id == 2 ? 'Logo' : 'Profile Picture') }}</h4>
                        <div class="col-md-4">
                            <input type="file" id="input-file-now-custom-1" name="image" class="dropify" data-default-file="{{ (!empty($user->image) ? \Storage::disk('users')->url($user->id.'/'.$user->image) : '') }}" />
                        </div>
                    </div>

                    <!-- If login user is property manager -->
                    @if($user->role_id == 4)
                    <div class="form-group m-b-40">
                        <h4 class="card-title">Properties</h4>
                        <div class="col-md-4">
                            @if($user->userProperties->count() > 0)
                                @foreach($user->userProperties as $key => $user_property)
                                    @if(isset($user_property->property))
                                    <code class="custom-errors text-danger">
                                        {{ ($key+1).'. '.$user_property->property->title }}
                                    </code>
                                    <br/>
                                    @endif
                                @endforeach
                            @endif
                        </div>
                    </div>
                    @endif

                    <!--  If user is contractor then also update other info as well  -->
                    @if($user->role_id == 6)
                    <div class="form-group m-b-40">
                        <label class="form-control-label" for="name">Categories</label><br/>
                        <select name="categories[]" id="categories" multiple="multiple" data-parsley-required="true">
                            @if($categories->count() > 0)
                                @foreach($categories as $category)
                                    <option value="{{ $category->id }}" >{{ $category->name }}
                                    </option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="form-group m-b-40">
                        <label class="form-control-label" for="name">Company Name</label>
                        {{ Form::text('company',$user->company,['class'=>'form-control','id'=>'company','maxlength' => 100,'minlength'=>2]) }}
                    </div>
                    <div class="form-group m-b-40">
                        <label class="form-control-label" for="name">Wsib #</label>
                        {{ Form::text('wsib_no',$user->contractorDetails->wsib_no,['class'=>'form-control','data-parsley-required'=>'true','id'=>'wsib_no']) }}
                    </div>
                    <div class="form-group m-b-40">
                        <label class="form-control-label" for="name">Business Trade Number</label>
                        {{ Form::text('business_trade_number',$user->contractorDetails->business_trade_number,['class'=>'form-control','data-parsley-required'=>'true','id'=>'business_trade_number']) }}
                    </div>
                    <div class="form-group m-b-40">
                        <label class="form-control-label" for="name">Insurance Expiry Date</label>
                        {{ Form::date('expiry_date',date('Y-m-d',strtotime($user->contractorDetails->expiry_date)),['class'=>'form-control','data-parsley-required'=>'true','id'=>'expiry_date','data-parsley-mindate'=>date('m/d/Y')]) }}
                    </div>
                    <div class="form-group m-b-40">
                        <h4>Insurance Certificate</h4>
                        <input class="form-control" type="file" name="attachment" placeholder="Agreement" accept='.doc,.docx,.pdf,image/*'>
                        @if(!empty($user->contractorDetails->attachment))
                            <a href="{{ \Storage::disk('contractors')->url($user->id.'/'.$user->contractorDetails->attachment) }}" download="agreement"><button class="btn btn-secondary waves-effect waves-light" type="button"><span class="btn-label"><i class="fa fa-download"></i></span>Download Agreement</button></a>
                        @endif
                    </div>
                     <div class="form-group m-b-40">
                        <label class="form-control-label" for="name">ACMO Registered ?</label>
                        {{Form::checkbox('acmo_registered', 1, $user->contractorDetails->acmo_registered, ['class'=>'check-switch'])}}
                    </div>
                    <div class="form-group m-b-40">
                        <label class="form-control-label" for="name">CCI Registered ?</label>
                        {{Form::checkbox('cci_registered', 1, $user->contractorDetails->cci_registered, ['class'=>'check-switch'])}}
                    </div>
                    @endif
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
@stop

@section('page_script')
<script src="{{ BE_URL.'plugins/dropify/dist/js/dropify.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.js' }}"></script>
<script type="text/javascript">
    $(function(){
        $('#categories').select2({
            placeholder: "Select category",
            allowClear: true,
            width:'100%',
            tags: true,
            createTag: function(params) {
              return undefined;
            }
        });
        $("input[type=checkbox][class=check-switch]").bootstrapSwitch();
        // Basic
        drEvent = $('.dropify').dropify();

        drEvent.on('dropify.beforeClear', function(event, element){
            if(confirm("Do you really want to remove?")){
                $('#old_image').val('');
                return true;
            }else{
                return false;
            }
        });

        function setErrors(response){
            if(response.errors && response.message){
                var errorMessage = '';
                $.each(response.errors,function(i,val){
                    if($('.'+i+'-custom-error').length){
                        $('.'+i+'-custom-error').html(val[0]);
                    }else{
                        $('#editProfile').find('input[name='+i+']').after('<code class="custom-errors text-danger '+i+'-custom-error">'+val[0]+'</code>');
                    }
                    if(!errorMessage){
                        errorMessage = val[0];
                    }
                });
                flash(response.message,'error',errorMessage);
            }else{
                flash('Profile not updated. Try again','error');
            }
        }

        // Edit profile update
        $(document).on('submit','#editProfile',function(e){
            var self = this;
            e.preventDefault();
            setButtonText('editProfile','Updating...');
            var form = $('#editProfile')[0];
            var formData = new FormData(form);
            $.ajax({
                url:'{{ route("backend.update.profile") }}',
                data:formData,
                contentType: false,
                processData: false,
                type:'POST',
                dataType:'JSON',
                success:function(response){
                    if(response.result){
                        $('#old_image').val(response.image);
                        resetForm('editProfile','Update');
                        flash(response.message,'success');
                    }else{
                        setErrors(response);
                        flash('Profile not updated','error');
                    }
                },
                error:function(response){
                    resetForm('editProfile','Update');
                    response = response.responseJSON;
                    setErrors(response);
                }
            })
        });
    });
</script>
@stop