@extends('layout')

@section('title', __('admin_child.title'))

@php
    $child = request()->route('child');
    $thumb = empty(old('thumbnail'))?'' : old('thumbnail');
    $thumb = empty($thumb) && !empty($child)?$child->thumbnail:$thumb;
    $father = null;
    $mother = null;
    $parents = $child->parents;
    foreach ($parents as $parent) {
        if ($parent->relationship == 'F') {
            $father = $parent;
        } else {
            $mother = $parent;
        }
    }
@endphp

@section('content_header')
    @component('common.alert', ['type'=>session('flash')['type']])
        {{session('flash')['message']}}
    @endcomponent
@stop

@section('content')
    <div class="row">
        <div class="col-12 p-0 mb-2 bg-light">
            <h3 class="text-center text-light bg-info p-3">
                @lang('common.child_profile')
            </h3>
            <div class="text-center p-3">
                <div style="max-width: 360px;margin: 0 auto;">
                    @if(empty($thumb))
                        <img style="cursor: pointer;" src="{{asset('images/child.jpg')}}" id="selectChildThumb" class="img-fluid" alt="">
                    @else
                        <img style="cursor: pointer;" src="{{asset('storage/'.$thumb)}}" id="selectChildThumb" class="img-fluid" alt="">
                    @endif
                    <p class="mt-2">
                        <button type="button" id="selectChildThumbButton" class="btn btn-info">@lang('common.upload_image')</button>
                        <button type="button" class="btn btn-info btnSubmitForm">@lang('common.save')</button>
                    </p>
                    <button type="button" id="selectUploaderImage" class="d-none" data-url="{{route('manager.dashboard.upload')}}" data-inputelem="#child-thumbnail" data-imgelem="#selectChildThumb">选择图片</button>
                    <p>C{{ $child->id }}</p>
                </div>
            </div>
            <form id="childProfileForm" action="{{ route('manager.child.update', $child) }}" method="post">
                <div class="p-2">
                    {{ csrf_field() }}
                    <input class="form-control" name="daycare_id" type="hidden" value="{{ $child->daycare_id }}">
                    <input class="form-control" id="child-thumbnail" name="thumbnail" type="hidden" value="{{ empty(old('thumbnail'))?$child->thumbnail: old('thumbnail')}}">
                    <div class="container" id="appertizer">
                        <p>{{ $child->first_name }} {{ $child->last_name }}</p>
                        <p>@lang('common.date_of_birth'): {{ $child->date_birth }}</p>
                        <div>
                            <h5 class="text-primary">@lang('common.child_profile')</h5>
                            <button class="btn btn-info btn-sm mb-2" type="button" data-toggle="collapse" data-target="#expand">@lang('common.edit')</button>
                            <div id="expand" class="collapse {{ ($errors->has('first_name')||$errors->has('last_name')||$errors->has('date_birth'))?'show':'' }}">
                                <p class="text-left"><strong>@lang('common.child_first_name')</strong></p>
                                <input class="form-control {{ $errors->has('first_name') ? 'is-invalid' : '' }}" value="{{ empty(old('first_name'))?$child->first_name: old('first_name')}}" name="first_name" type="text" id="first_name">
                                @if ($errors->has('first_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('first_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.child_last_name')</strong></p>
                                <input class="form-control {{ $errors->has('last_name') ? 'is-invalid' : '' }}" value="{{ empty(old('last_name'))?$child->last_name: old('last_name')}}" required="required" name="last_name" type="text" id="last_name">
                                @if ($errors->has('last_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('last_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.gender')</strong></p>
                                <select class="form-control" required="required" id="gender" name="gender">
                                    <option value="F" @if((empty(old('gender'))&&$child->gender=='F') || (!empty(old('gender'))&&old('gender')=='F')) selected="selected" @endif>@lang('common.girl')</option>
                                    <option value="M" @if((empty(old('gender'))&&$child->gender=='M') || (!empty(old('gender'))&&old('gender')=='M')) selected="selected" @endif>@lang('common.boy')</option>
                                </select>
                                <p class="text-left"><strong>@lang('common.date_of_birth')</strong></p>
                                <input class="form-control datepicker-control {{ $errors->has('date_birth') ? 'is-invalid' : '' }}" readonly="readonly" required="required" name="date_birth" type="text" value="{{ empty(old('date_birth'))?$child->date_birth: old('date_birth')}}" id="date_birth">
                                @if ($errors->has('date_birth'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('date_birth') }}</strong>
                                    </div>
                                @endif
                                <button class="btn btn-info btn-sm m-2" type="submit">@lang('common.save')</button><span></span>
                                <button class="btn btn-info btn-sm m-2" type="button" data-toggle="collapse" data-target="#expand">@lang('common.cancel')</button>
                            </div>
                        </div>
                    </div>
                    <div class="container" id="napping">
                        <h5 class="text-primary">@lang('common.parent_profile')</h5>
                        <p>@lang('common.father'): {{ empty($father)?'':$father->first_name.' '.$father->last_name }}</p>
                        <p>@lang('common.father_email'): {{ $child->father_email }}</p>
                        <p>@lang('common.mother'): {{ empty($mother)?'':$mother->first_name.' '.$mother->last_name }}</p>
                        <p>@lang('common.mother_email'): {{ $child->mother_email }}</p>
                        <div>
                            <button class="btn btn-info btn-sm mb-2" type="button" data-toggle="collapse" data-target="#cp">@lang('common.edit')</button>
                            <div id="cp" class="collapse {{ ($errors->has('father_first_name')||$errors->has('father_last_name')||$errors->has('mother_first_name')||$errors->has('mother_last_name')||$errors->has('father_email')||$errors->has('mother_email'))?'show':'' }}">
                                <input type="hidden" name="father_id" value="{{ $father->id }}">
                                <input type="hidden" name="mother_id" value="{{ $mother->id }}">
                                <p class="text-left"><strong>@lang('common.father_first_name')</strong></p>
                                <input class="form-control {{ $errors->has('father_first_name') ? 'is-invalid' : '' }}" value="{{ empty(old('father_first_name'))?$father->first_name: old('father_first_name')}}" name="father_first_name" type="text" id="father_first_name">
                                @if ($errors->has('father_first_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('father_first_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.father_last_name')</strong></p>
                                <input class="form-control {{ $errors->has('father_last_name') ? 'is-invalid' : '' }}" value="{{ empty(old('father_last_name'))?$father->last_name: old('father_last_name')}}" name="father_last_name" type="text" id="father_last_name">
                                @if ($errors->has('father_last_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('father_last_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.father_email')</strong></p>
                                <input class="form-control {{ $errors->has('father_email') ? 'is-invalid' : '' }}" name="father_email" type="email" value="{{ empty(old('father_email'))?$child->father_email: old('father_email')}}" id="father_email">
                                @if ($errors->has('father_email'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('father_email') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.mother_first_name')</strong></p>
                                <input class="form-control {{ $errors->has('mother_first_name') ? 'is-invalid' : '' }}" value="{{ empty(old('mother_first_name'))?$mother->first_name: old('mother_first_name')}}" name="mother_first_name" type="text" id="mother_first_name">
                                @if ($errors->has('mother_first_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('mother_first_name') }}</strong>
                                    </div>
                                @endif
                                <p class="text-left"><strong>@lang('common.mother_last_name')</strong></p>
                                <input class="form-control {{ $errors->has('mother_last_name') ? 'is-invalid' : '' }}" value="{{ empty(old('mother_last_name'))?$mother->last_name: old('mother_last_name')}}" name="mother_last_name" type="text" id="mother_last_name">
                                @if ($errors->has('mother_last_name'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('mother_last_name') }}</strong>
                                    </div>
                                @endif

                                <p class="text-left"><strong>@lang('common.mother_email')</strong></p>
                                <input class="form-control {{ $errors->has('mother_email') ? 'is-invalid' : '' }}" name="mother_email" type="email" value="{{ empty(old('mother_email'))?$child->mother_email: old('mother_email')}}" id="mother_email">
                                @if ($errors->has('mother_email'))
                                    <div class="invalid-feedback">
                                        <strong>{{ $errors->first('mother_email') }}</strong>
                                    </div>
                                @endif
                                <button class="btn btn-info btn-sm m-2" type="submit">@lang('common.save')</button><span></span>
                                <button class="btn btn-info btn-sm m-2" type="button" data-toggle="collapse" data-target="#cp">@lang('common.cancel')</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@stop

@section('js')
    <script type="text/javascript" src="{{ mix('/js/app.js') }}"></script>
    <script type="text/javascript" src="{{ mix('/js/bootstrap-datepicker.js') }}"></script>
    <script>
        $('#selectChildThumb, #selectChildThumbButton').on('click', function(){
            $('#selectUploaderImage input[type="file"]').trigger('click');
        })
        $('.btnSubmitForm').on('click', function(){
            $('#childProfileForm').submit()
        })
    </script>
@stop

<style>
    #appertizer {
        background-color: #00c9c1;
    }
    #napping {
        background-color: #a6c437;
    }
</style>
@extends('layout')

@section('title', __('admin_educator.title'))

@php
    //$educator = request()->route('educator');
    $thumb = empty(old('thumbnail'))?'' : old('thumbnail');
    $thumb = empty($thumb) && !empty($educator)?$educator->thumbnail:$thumb;
@endphp

@section('content')
    <div class="row">
        <div class="col-12 p-0 mb-2 bg-light">
            <h3 class="text-center text-light bg-info p-3">
                @lang('common.educator_profile')
            </h3>
            <div class="text-center p-3 mb-5">
                <div style="max-width: 360px;margin: 0 auto;">
                    @if(empty($thumb))
                        <img style="cursor: pointer;" src="{{asset('images/educator.jpg')}}" id="selectChildThumb" class="img-fluid" alt="">
                    @else
                        <img style="cursor: pointer;" src="{{asset('storage/'.$thumb)}}" id="selectChildThumb" class="img-fluid" alt="">
                    @endif
                    <p class="mt-2">
                        <button type="button" id="selectChildThumbButton" class="btn btn-info">@lang('common.upload_image')</button>
                        <button type="button" class="btn btn-info btnSubmitForm">@lang('common.save')</button>
                    </p>
                    <button type="button" id="selectUploaderImage" class="d-none" data-url="{{route('manager.dashboard.upload')}}" data-inputelem="#child-thumbnail" data-imgelem="#selectChildThumb">选择图片</button>
                </div>
                <p class="text-center">E{{ $educator->id }}</p>
            </div>
            <div class="p-2">
                <div class="container" id="napping">
                    <h6 class="text-primary">@lang('common.educator_profile')</h6>
                    <div>
                        <button class="btn btn-info btn-sm mb-2" type="button" data-toggle="collapse" data-target="#rp" aria-expanded="true">@lang('common.edit')</button>
                        <a class="btn btn-default btn-sm mb-2 ml-2" href="javascript:history.back(-1)">@lang('common.back')</a>
                        <div id="rp" class="collapse {{ ($errors->has('first_name')||$errors->has('last_name')||$errors->has('email'))?'show':'' }}">
                            <form id="educatorProfileForm" class="mb-0" action="{{route('manager.educator.update', $educator)}}" method="post">
                                {{ csrf_field() }}
                                <input class="form-control" name="daycare_id" type="hidden" value="{{ $educator->daycare_id }}">
                                <input class="form-control" id="child-thumbnail" name="thumbnail" type="hidden" value="{{ empty(old('thumbnail'))?$educator->thumbnail: old('thumbnail')}}">
                                <div class="form-group">
                                    <label for="first_name">@lang('common.first_name')</label>
                                    <input class="form-control {{ $errors->has('first_name') ? 'is-invalid' : '' }}" value="{{ empty(old('first_name'))?$educator->first_name: old('first_name')}}" required="required" name="first_name" type="text" id="first_name">
                                    @if ($errors->has('first_name'))
                                        <div class="invalid-feedback">
                                            <strong>{{ $errors->first('first_name') }}</strong>
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="last_name">@lang('common.last_name')</label>
                                    <input class="form-control {{ $errors->has('last_name') ? 'is-invalid' : '' }}" value="{{ empty(old('last_name'))?$educator->last_name: old('last_name')}}" required="required" name="last_name" type="text" id="last_name">
                                    @if ($errors->has('last_name'))
                                        <div class="invalid-feedback">
                                            <strong>{{ $errors->first('last_name') }}</strong>
                                        </div>
                                    @endif
                                </div>

                                <div class="form-group">
                                    <label for="email">@lang('common.email')</label>
                                    <input class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" value="{{ empty(old('email'))?$educator->email: old('email')}}" required="required" name="email" type="email" id="email">
                                    @if ($errors->has('email'))
                                        <div class="invalid-feedback">
                                            <strong>{{ $errors->first('email') }}</strong>
                                        </div>
                                    @endif
                                </div>


                                <button class="btn btn-info btn-sm m-2" type="submit">@lang('common.save')</button>
                                <span></span>
                                <button class="btn btn-info btn-sm m-2" type="button" data-toggle="collapse" data-target="#rp" aria-expanded="true">@lang('common.cancel')</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('js')
    <script type="text/javascript" src="{{ mix('/js/app.js') }}"></script>
    <script type="text/javascript" src="{{ mix('/js/bootstrap-datepicker.js') }}"></script>
    <script>
        $('#selectChildThumb, #selectChildThumbText, #selectChildThumbButton').on('click', function(){
            $('#selectUploaderImage input[type="file"]').trigger('click');
        })
        $('.btnSubmitForm').on('click', function(){
            $('#educatorProfileForm').submit()
        })
    </script>
@stop

<style>
    #napping {
        background-color: #a6c437;
    }
</style>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Journal de Bord</title>
        <link rel="stylesheet" href="https://journaldebord.garderiepetitpalais.com/vendor/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="https://journaldebord.garderiepetitpalais.com/vendor/overlayScrollbars/css/OverlayScrollbars.min.css">

    
    
    <link rel="stylesheet" href="https://journaldebord.garderiepetitpalais.com/vendor/adminlte/dist/css/adminlte.min.css">

                <link rel="stylesheet" href="/css/app.css?id=9f16d31a2d74f8a45de7">
    <link rel="stylesheet" href="/css/iconfonts.css?id=8f31a48b12fc39134465">
    <style>
        body, .content-wrapper {
            background-color: #55d6aa;
            background-size: cover;
        }
    </style>

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
    </head>
<body class="layout-top-nav "  >

    <div class="wrapper">
                <nav class="main-header navbar navbar-expand-md navbar-white navbar-light">
            <div class="container">
                                    <a href="https://journaldebord.garderiepetitpalais.com" class="navbar-brand ">
                        
                        <span style="font-size: 24px;color: tomato;" class="brand-text font-weight-light ">
                            Journal de Bord
                        </span>
                    </a>
                
                <button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse order-3" id="navbarCollapse">
                    <ul class="nav navbar-nav">
                        <li  class="nav-item ">
          <a class="nav-link " href="https://journaldebord.garderiepetitpalais.com"
                                    >
              <i class=" "></i>
  			Home

                        </a>
                </li>
  <li  class="nav-item ">
          <a class="nav-link " href="https://journaldebord.garderiepetitpalais.com/language?lang=fr"
                                    >
              <i class=" "></i>
  			French

                        </a>
                </li>
  <li  class="nav-item ">
          <a class="nav-link " href="https://journaldebord.garderiepetitpalais.com/login"
                                    >
              <i class=" "></i>
  			Login

                        </a>
                </li>
  <li  class="nav-item active">
          <a class="nav-link " href="https://journaldebord.garderiepetitpalais.com/register"
                                    >
              <i class=" "></i>
  			Sign Up

                        </a>
                </li>
                      </ul>
                </div>
                            <ul class="navbar-nav ml-auto order-1 order-md-3 navbar-no-expand ">
                                        
                                    </ul>
                                    </nav>
                            </nav>
        
        <div class="content-wrapper">
                        <div class="container">
            
            <div class="content-header">
                <div class="container-fluid">
                                    </div>
            </div>

            <div class="content">
                <div class="container-fluid">
                        <div class="col-lg-6 bg-light mt-5 mb-5 px-0 text-center" style="margin:0 auto;">
        <h3 class="text-center text-light bg-info p-3">User Sign Up</h3>
        <!-- daycare -->
        <form action="https://journaldebord.garderiepetitpalais.com/register" method="post" class="p-4 register-form " id="">
    <input type="hidden" name="_token" value="cQuZGMlDSnyDl1EXoucPpCDiqkkxxkbv7K1vCweo">

    <input type="hidden" name="register_token" value="">
            <input type="hidden" name="daycare" value="0">
            <input type="hidden" name="role" value="0">
            <input type="hidden" name="educator_id" value="0">
            <input type="hidden" name="parent_id" value="0">

    <div class="input-group mb-3">
        <input type="email" name="email" class="form-control " value=""
               placeholder="Email" readonly="readonly" style="border-right: 1px solid #ced4da;">
            </div>
    <div class="input-group mb-3">
        <input type="password" name="password" class="form-control "
               placeholder="Password" style="border-right: 1px solid #ced4da;">
            </div>
    <div class="input-group mb-3">
        <input type="password" name="password_confirmation" class="form-control "
               placeholder="Retype password" style="border-right: 1px solid #ced4da;">
            </div>
    <button type="submit" class="btn btn-primary btn-block btn-flat">
        Sign Up    </button>
</form>
    </div>
                </div>
            </div>
                        </div>
                    </div>

                <footer class="main-footer">

                <div class="text-center">
        Copy Right is reserved to Petitlogiciel &copy; 2019
    </div>
        </footer>
        
        
    </div>

<script src="https://journaldebord.garderiepetitpalais.com/vendor/jquery/jquery.min.js"></script>

<script src="https://journaldebord.garderiepetitpalais.com/vendor/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>


    <script src="https://journaldebord.garderiepetitpalais.com/vendor/adminlte/dist/js/adminlte.min.js"></script>
            <script type="text/javascript" src="/js/app.js?id=4ff4186f5a46f7be4efc"></script>

</body>
</html>