@extends('layouts.front')

@section('title')

Pet Clap || Profile Setup step-1

@stop

@section('page-class')
    user-profile-fluid
@parent
@stop

@section('content')
<div class="container user-form">
    <div class="custom-form">
        <div class="row">
            <div class="col-12">
                <form id="step1-form" method="post" action="{{route('provider.save.profile.step1')}}">
                    @csrf
                    <h2 class="mt-2 mb-2">Put a face to your name</h2>
                    <div class="avatar-upload">
                        <div class="avatar-edit">
                            <input type='file' id="imageUpload" accept=".png, .jpg, .jpeg" />
                            <label for="imageUpload"></label>
                        </div>
                        <div class="avatar-preview">
                            <div id="imagePreview" style="background-image: url(./images/form-user.png);"></div>
                        </div>
                    </div>
                    <div class="form-group custom-user-text">
                        <input name="name" type="text" class="form-control" id="" placeholder="Name" value="{{old('name', $user->full_name)}}" required data-parsley-required-message="Name is required">
                    </div>
                    <div class="form-group mt-2 mb-2">
                        <label class="radio-inline mr-3" for="Gender-0">
                            <input type="radio" {{old('gender', $provider->gender) == 1 ? 'checked' : null}} name="gender" id="Gender-0" value="1" required data-parsley-required-message="Please select Gender">
                            Male
                        </label> 
                        <label class="radio-inline" for="Gender-1">
                            <input type="radio" {{old('gender', $provider->gender) == 0 ? 'checked' : null}} name="gender" id="Gender-1" value="0">
                            Female
                        </label> 
                    </div>
                    <div class="form-group custom-user-text">
                        <i class="fa fa-birthday-cake"></i>
                        <input name="dob" type="date" class="form-control" id="" placeholder="Date of Birth" value="{{old('dob', \Carbon\Carbon::parse($provider->dob)->format('Y-m-d'))}}" max="2003-12-31" required data-parsley-required-message="Please select date of birth">
                    </div>
                    <div class="form-group custom-user-text">
                        <i class="fa fa-map-marker" aria-hidden="true"></i>
                        <input name="city" value="{{old('city', $provider->city)}}" type="text" class="form-control" id="" placeholder="City where do you live?" required data-parsley-required-message="Please provide city name">
                    </div>
                    <div class="form-group custom-user-text">
                        <i class="fa fa-home" aria-hidden="true"></i>
                        <input name="landmark" value="{{old('landmark', $provider->landmark)}}" type="text" class="form-control" id="" placeholder="Landmark" required data-parsley-required-message="Please provide landmark">
                    </div>
                    <div class="form-group custom-user-text">
                        <label for="range">Serve within the range?</label>
                        <span class="custom-user-label">
                            <input value="{{old('service_range', $provider->service_range)}}" name="service_range" name="range" id="" type="text" placeholder="Km" required data-parsley-required-message="Please provide range">
                        </span>
                    </div>
                    <div class="form-check-inline mt-2 mb-2">
                        <label class="mr-4" for="range">Best of handling?</label>
                        <label class="ml-3 mr-3"><input type="checkbox" class="radio mr-2" name="pet_id[]" {{in_array(0, old('pet_id', $provider_pet_id)) ? 'checked' :null}} value="0" />Dog</label>
                        <label><input type="checkbox" {{in_array(1, old('pet_id', $provider_pet_id)) ? 'checked' :null}} class="radio mr-2" name="pet_id[]" value="1" />Cat</label>
                    </div>
                    <div class="form-group mt-2 mb-2">
                        <label for="range">Dog Size (lbs)</label>
                        <div class="boxed mt-3 mb-3">
                            <input type="checkbox" id="small" {{in_array(0, old('dog_weight', $dog_size_id)) ? 'checked' :null}} name="dog_weight[]" value="0">
                            <label for="small">0-15</label>
                            <input type="checkbox" id="medium" {{in_array(1, old('dog_weight', $dog_size_id)) ? 'checked' :null}} name="dog_weight[]" value="1">
                            <label for="medium">16-40</label>
                            <input type="checkbox" id="large" {{in_array(2, old('dog_weight', $dog_size_id)) ? 'checked' :null}} name="dog_weight[]" value="2">
                            <label for="large">41-100</label>
                            <input type="checkbox" id="full" {{in_array(3, old('dog_weight', $dog_size_id)) ? 'checked' :null}} name="dog_weight[]" value="3">
                            <label for="full">100+</label>
                        </div>
                    </div>
                    <div class="form-group mt-2 mb-2">
                        <div class="custom-checkbox mt-3 mb-3">
                            <input type="checkbox" id="host" {{in_array(0, old('pet_attribute_id', $pet_attribute_id)) ? 'checked' :null}} name="pet_attribute_id[]" value="0">
                            <label for="host">Host Agressive Dog</label>
                            <input type="checkbox" id="vaccinated" {{in_array(1, old('pet_attribute_id', $pet_attribute_id)) ? 'checked' :null}} name="pet_attribute_id[]" value="1">
                            <label for="vaccinated">Vaccinated Pets Only</label>
                            <input type="checkbox" id="neutered" {{in_array(2, old('pet_attribute_id', $pet_attribute_id)) ? 'checked' :null}} name="pet_attribute_id[]" value="2">
                            <label for="neutered">Accept Neutered Pet</label>
                            <input type="checkbox" id="hypo" {{in_array(3, old('pet_attribute_id', $pet_attribute_id)) ? 'checked' :null}} name="pet_attribute_id[]" value="3">
                            <label for="hypo">Accept Hypoallergenic Pets</label>
                        </div>
                        <div class="custom-checkbox mt-3 mb-3">
                            <input type="checkbox" id="kids" {{in_array(4, old('pet_attribute_id', $pet_attribute_id)) ? 'checked' :null}} name="pet_attribute_id[]" value="4">
                            <label for="kids">Kids Friendly</label>
                            <input type="checkbox" id="tick" {{in_array(5, old('pet_attribute_id', $pet_attribute_id)) ? 'checked' :null}} name="pet_attribute_id[]" value="5">
                            <label for="tick">Tick Free</label>
                            <input type="checkbox" id="trained" {{in_array(6, old('pet_attribute_id', $pet_attribute_id)) ? 'checked' :null}} name="pet_attribute_id[]" value="6">
                            <label for="trained">Crate-Trained Dogs</label>
                        </div>
                    </div>
                    <a href="#" class="custom-form-button">
                        <button type="submit" class="btn btn-styling" data-toggle="modal" data-target="">Next
                            <i class="fa fa-arrow-right ml-2" aria-hidden="true"></i>
                        </button>
                    </a>
                </form>
            </div>
        </div>
    </div>
</div>


@section('scripts')
<script src="{{asset('front/js/vendor/parsley.min.js')}}"></script>

<script type="text/javascript">

    $("#step1-form").parsley({
       errorClass: 'is-invalid text-danger',
       successClass: 'is-valid',
       errorsWrapper: '<span class="form-text text-danger"></span>',
       errorTemplate: '<span></span>',
       trigger: 'change'
    });

</script>


@parent
@stop 

@endsection