@extends('layouts.admin.admin-app')
@section('title','Child View')
@section('content')
<div class="main-content employee-view">
    <div class="content_wrapper">
        <div class="content_header" id="content-header">
            <div class="page_title search_section">
                <h2 class="d-inline-block pr-3 mr-3 border-right">Child View</h2>
                <nav aria-label="breadcrumb" class="d-inline-block">
                    <ol class="breadcrumb p-0 mb-0">
                        <li class="breadcrumb-item"><a href="{{url('/admin/customer')}}">Manage Customer</a>
                        </li>
                        <li class="breadcrumb-item"><a href="{{url('/admin/view-customer/'.$childInfo->user_id)}}">Customer View</a>
                        </li>
                    </ol>
                </nav>
            </div>
        </div>
        <div class="content">
            <div class="view_body">
                <div class="box_wrapper mb-4">
                    <div class="profile_view d-flex justify-content-between flex-wrap flex-md-nowrap">
                        <div class="d-block d-sm-flex left align-items-center">
                            <img src="{{getImage($childInfo->child_image,'child-images')}}" alt="child img"  class="rounded-circle">
                            <div class="info">
                                <h5>{{$childInfo->first_name.' '.$childInfo->last_name}}</h5>
                                <div class="info-row">
                                    <span class="badge badge-primary font-med text-capitalize">{{$childInfo->gender}}</span>
                                </div>
                                <div class="info-row">
                                    <label>Age : <span>{{getChildAge($childInfo->dob)}}</span></label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="common_tabs nav nav-tabs d-flex flex-nowrap" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="Medication-tab" data-toggle="tab" href="#Medication" role="tab" aria-controls="Medication" aria-selected="true">Medication</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="Allergies-tab" data-toggle="tab" href="#Allergies" role="tab" aria-controls="Allergies" aria-selected="false">Allergies</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="Recomendations-tab" data-toggle="tab" href="#Recomendations" role="tab" aria-controls="Recomendations" aria-selected="false">Recomendations</a>
                </li>
            </ul>
            <div class="tab-content" id="myTabContent">
              <div class="tab-pane fade show active" id="Medication" role="tabpanel" aria-labelledby="Medication-tab">
                <div class="view_body">
                    <div class="box_wrapper">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group info_row_flex">
                                    <span>{{$childInfo->medications}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
              <div class="tab-pane fade" id="Allergies" role="tabpanel" aria-labelledby="Allergies">
                <div class="view_body">
                    <div class="box_wrapper">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group info_row_flex">
                                    <span>{{$childInfo->allergies}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
              <div class="tab-pane fade" id="Recomendations" role="tabpanel" aria-labelledby="Recomendations">
                <div class="view_body">
                    <div class="box_wrapper">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group info_row_flex">
                                    <span>{{$childInfo->recommendations}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
            </div>

            <!-- old data -->
            <!-- <div class="view_body">
                <div class="box_wrapper " id="content-height">
                    <div class="form-group info_row_flex d-sm-flex profile_view mb-4">
                        <img src="{{getImage($childInfo->chlid_image,'profile-images')}}" alt="child img"  class="rounded-circle">
                    </div>
                    <div class="form-group info_row_flex d-sm-flex">
                        <label>Name:</label>	
                        <span class="text-capitalize">{{$childInfo->first_name.' '.$childInfo->last_name}}</span>
                    </div>
                    <div class="form-group info_row_flex d-sm-flex">
                        <label>Gender:</label>
                        <span>{{$childInfo->gender}}</span>
                    </div>
                    <div class="form-group info_row_flex d-sm-flex">
                        <label>Age:</label>
                        <span>{{getChildAge($childInfo->dob)}}</span>
                    </div>
                    <div class="form-group info_row_flex d-sm-flex">
                        <label>Medication:</label>
                        <span>{{$childInfo->medications}}</span>
                    </div>
                    <div class="form-group info_row_flex d-sm-flex">
                        <label>Allergies:</label>
                        <span>{{$childInfo->allergies}}</span>
                    </div>
                    <div class="form-group info_row_flex d-sm-flex">
                        <label>Recomendations:</label>
                        <span>{{$childInfo->recommendations}}</span>
                    </div>
                </div>
            </div> -->
            <!-- old data -->

        </div>
    </div>
</div> 
@endsection