@extends('backend.layout.master')
@include('backend.kids.css')
@section('content')
    <div class="page-body">
        <div class="container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6 main-header">
                        <h2>EDIT <span>Child Profile  </span></h2>
                    </div>

                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <div class="container-fluid general-widget">

            <div class="row">

                <div class="col-xl-12 xl-60">
                    <div class="card">
                        <div class="job-search">
                            <div class="card-body pb-0">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                <div class="media"><img class="img-40 img-fluid m-r-20"
                                                        src="{!! asset('poco-assets/images/job-search/1.jpg') !!}"
                                                        alt="">
                                    <div class="media-body">
                                        <h6 class="f-w-900 txt-danger">Child Details<span class="pull-right">
                                        </h6>
                                    </div>
                                </div>
                                <hr>
                                <div class="job-description">
                                    <form class="form theme-form" novalidate id="addkidform"
                                          action="{!! route('kids.update',$result['kid']->id) !!}" method="post"
                                          enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" id="kid_id" value="0">
                                        <input type="hidden" name="image_url" id="image_url">
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>First Name:<span class="font-danger">*</span></label>
                                                    <input class="form-control" type="text"
                                                           placeholder="Enter first name"
                                                           name="first_name" id="first_name"
                                                           value="{{ old('first_name') ?? $result['kid']->first_name}}"
                                                           required/>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label for="exampleFormControlInput5">Last Name:<span
                                                            class="font-danger">*</span></label>
                                                    <input class="form-control" type="text"
                                                           placeholder="Enter last name" name="last_name"
                                                           id="last_name"
                                                           value="{{ old('last_name') ?? $result['kid']->last_name}}"
                                                           required/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6">

                                                <div class="form-group">
                                                    <label class="col-form-label pt-0">Change Photo:</label>
                                                    {{--<input type="file" name="image" id="image"
                                                           class="form-control m-input image-upload" accept="image/*"
                                                           value="" onchange="readURL(this,'uploadedFile')">--}}
                                                    <div class="dropzone" id="myDropzone"></div>
                                                    <input type="file" name="image" class="hidden">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="user-image">
                                                    <img id="uploadedFile" class="rounded-circle avatar"
                                                         src="{!! (empty($result['kid']->image_url)) ? asset('poco-assets/images/avtar/3.jpg') : $result['kid']->image_url !!}"
                                                         alt="" width="250" height="250">
                                                    <!-- <div class="icon-wrapper"><i class="icofont icofont-pencil-alt-5"></i></div> -->
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Birthdate:<span class="font-danger">*</span></label>
                                                    <input class="datepicker-here form-control digits" type="text"
                                                           data-language="en" placeholder="Birthdate"
                                                           required="required" name="dob"
                                                           id="dob" value="{{old('dob') ?? $result['kid']->dob}}"
                                                           required data-value="{{old('dob') ?? $result['kid']->dob}}" autocomplete="off" readonly>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="form-group">
                                                    <label>Term:<span class="font-danger">*</span></label>
                                                    <select
                                                        class="js-example-basic-single col-sm-12 job-select2 form-control"
                                                        name="term" id="term" required>
                                                        <option value="" disabled {{ old('term') ? "" : "selected" }} >
                                                            --Select Term--
                                                        </option>
                                                        <option value="1"
                                                                @if($result['kid']->term == "1") selected="selected" @endif>
                                                            Full time
                                                        </option>
                                                        <option value="2"
                                                                @if($result['kid']->term == "2") selected="selected" @endif>
                                                            Part time
                                                        </option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Home Address:<span class="font-danger">*</span></label>
                                                    <input class="form-control" type="text" placeholder="Home Address"
                                                           name="home_address" id="home_address"
                                                           value="{{old('home_address') ?? $result['kid']->home_address}}">
                                                </div>
                                            </div>
                                            <div class="col-sm-4 col-md-4">
                                                <div class="form-group">
                                                    <label>City:<span class="font-danger">*</span></label>
                                                    <input class="form-control" type="text" placeholder="City"
                                                           name="city" id="city"
                                                           value="{{old('city') ?? $result['kid']->city}}">
                                                </div>
                                            </div>
                                            <div class="col-sm-4 col-md-4">
                                                <div class="form-group">
                                                    <label>State:<span class="font-danger">*</span></label>
                                                    <select class="form-control btn-square" name="state" id="state"
                                                            required>
                                                        <option value="" disabled selected>--Select State--</option>
                                                        @foreach($states as $state)
                                                            <option
                                                                value="{{ $state->id }}"
                                                                @if($result['kid']->state_id == $state->id) selected @endif >{{ $state->state_name.' ['.$state->state_code.']'  }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-4 col-md-4">
                                                <div class="form-group">
                                                    <label>Zip Code:<span class="font-danger">*</span></label>
                                                    <input class="form-control" type="number" placeholder="ZIP Code"
                                                           name="zip"
                                                           id="zip" value="{{old('zip') ?? $result['kid']->zip}}">
                                                </div>
                                            </div>
                                        </div>
                                        <hr class="p-b-30">
                                        <div class="row">
                                            <div class="col-xl-6 xl-60">
                                                <div><h4 class="f-w-900 txt-danger">Parent 1 Details<span
                                                            class="pull-right"></span></h4></div>
                                                <div class="row">
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">First Name:<span
                                                                class="font-danger">*</span></label>
                                                        <input class="form-control" type="text"
                                                               placeholder="Enter your full name"
                                                               name="parents1_first_name" id="parents1_first_name"
                                                               value="{{old('parents1_first_name') ?? $result['parent1']['first_name']}}">
                                                    </div>
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">Last Name:<span
                                                                class="font-danger">*</span></label>
                                                        <input class="form-control" type="text"
                                                               placeholder="Enter your full name"
                                                               name="parents1_last_name" id="parents1_last_name"
                                                               value="{{old('parents1_last_name') ?? $result['parent1']['last_name']}}">
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">Phone Number:<span
                                                                class="font-danger">*</span></label>
                                                        <input class="form-control digits" placeholder="Enter Phone no."
                                                               type="number"
                                                               name="parents1_phone" id="parents1_phone"
                                                               value="{{old('parents1_phone') ?? $result['parent1']['phone']}}">
                                                    </div>
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">E-mail:<span
                                                                class="font-danger">*</span></label>
                                                        <input class="form-control" id="parents1_email"
                                                               name="parents1_email"
                                                               type="email" placeholder="Enter your Email address"
                                                               value="{{old('parents1_email') ?? $result['parent1']['email']}}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-6 xl-60">
                                                <div><h4 class="f-w-900 txt-danger">Parent 2 Details<span
                                                            class="pull-right"></span></h4></div>
                                                <div class="row">
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">First Name:</label>
                                                        <input class="form-control" type="text"
                                                               placeholder="Enter your full name"
                                                               name="parents2_first_name" id="parents2_first_name"
                                                               value="{{old('parents2_first_name') ?? $result['parent2']['first_name']}}">
                                                    </div>
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">Last Name:</label>
                                                        <input class="form-control" type="text"
                                                               placeholder="Enter your full name"
                                                               name="parents2_last_name" id="parents2_last_name"
                                                               value="{{old('parents2_last_name') ?? $result['parent2']['last_name']}}">
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">Phone Number:</label>
                                                        <input class="form-control digits" placeholder="Enter Phone no."
                                                               type="number"
                                                               name="parents2_phone" id="parents2_phone"
                                                               value="{{old('parents2_phone') ?? $result['parent2']['phone']}}">
                                                    </div>
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">E-mail:</label>
                                                        <input class="form-control" id="parents2_email" type="email"
                                                               placeholder="Enter your Email address"
                                                               name="parents2_email"
                                                               value="{{old('parents2_email') ?? $result['parent2']['email']}}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="row collapse" id="collapseExample">
                                            <div class="col-xl-6 xl-60">
                                                <hr class="p-b-30">
                                                <div><h4 class="f-w-900 txt-danger">Additional Pickup person
                                                        Details<span class="pull-right"></span></h4></div>
                                                <div class="row">
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">First Name:</label>
                                                        <input class="form-control" type="text"
                                                               placeholder="Enter your full name"
                                                               name="parents3_first_name" id="parents3_first_name"
                                                               value="{{old('parents3_first_name') ?? $result['parent3']['first_name']}}">
                                                    </div>
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">Last Name:</label>
                                                        <input class="form-control" type="text"
                                                               placeholder="Enter your full name"
                                                               name="parents3_last_name" id="parents3_last_name"
                                                               value="{{old('parents3_last_name') ?? $result['parent3']['last_name']}}">
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">Phone Number:</label>
                                                        <input class="form-control digits" placeholder="Enter Phone no."
                                                               type="number"
                                                               name="parents3_phone" id="parents3_phone"
                                                               value="{{old('parents3_phone') ?? $result['parent3']['phone']}}">
                                                    </div>
                                                    <div class="form-group col-lg-6">
                                                        <label for="exampleFormControlInput1">E-mail:</label>
                                                        <input class="form-control" type="email"
                                                               placeholder="Enter your Email address"
                                                               name="parents3_email" id="parents3_email"
                                                               value="{{old('parents3_email') ?? $result['parent3']['email']}}">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <p>
                                            <a class="btn btn-secondary " data-toggle="collapse" href="#collapseExample"
                                               role="button" aria-expanded="false" aria-controls="collapseExample">
                                                Additional Pickup person Details
                                            </a>

                                        </p>
                                        <br><br>
                                        <button class="btn btn-success submit_kid" type="submit">Update Child Profile</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>

@endsection
@include('backend.kids.js')
@include('backend.kids.dropzonejs')