@extends('backend.layout.master')
@section('content')
<style>
    .custom-file-label::after {
        height: auto !important;
    }
    
</style>

    <!--Start Hero-->
    <section class="hero-section business-startup">
          <div class="container">
                <div class="row">
                    <div class="col-md-8 student-page-heading">
                      <div class="heading mb-3"><h2>View Student</h2></div>
                    </div>
                    <div class="col-md-4 text-center-mobile student-page-button">
                        @if(is_null($kid->deleted_at))
                            <a href="{{route('report.index',$kid->id)}}">
                                <button type="button" class="btn btn-light-primary round mr-1 ">
                                    <img src="{!! asset('images/Path 71.png')!!}"> View Report
                                </button>
                            </a>

                            <button type="button" data-id="{{ $kid->id }}" data-original-title="btn btn-pill btn-primary btn-air-primary" title="Archive" class="btn btn-light-primary ask_archive round  round-pill archive-button">
                                <i class="fas fa-archive"></i>
                            </button>

                            <button type="button" data-id="{{ $kid->id }}" data-original-title="btn btn-pill btn-primary btn-air-primary" title="Delete" class="btn btn-danger ask_delete round round-pill ">
                                <i class="fas fa-user-times"></i>
                            </button>

                        @else
                            <button class="btn btn-pill btn-light round-pill ask_restore" data-id="{{ $kid->id }}"
                                    type="button"
                                    data-original-title="btn btn-pill btn-primary btn-air-primary" title="Restore"><i
                                    class="fas fa-undo"></i></button>
                        @endif

                    </div>
                    
                    

                </div>

                <div class="row">
                  <div class="col-md-4 student_view">
                    <div class="avatar student_avatar">
                      <img src="{{ $kid->image_url }}" alt="avtar img holder">
                    </div>
                    <div class="student_view_heading mt-2">
                      <h4>{{ $kid->first_name .' '.$kid->last_name }}</h4>
                    </div>
                    @if(is_null($kid->deleted_at))
                        <a href="{{ route('kids.edit',$kid->id) }}">
                            <button type="button" data-original-title="btn btn-primary-gradien"  class="btn btn-outline-primary round mt-2">Edit Profile</button>
                        </a>
                    @endif
                  </div>

                  <div class="col-md-8 student_views">
                    <div class="row">
                      <div class="col-md-6 persional_info">
                        <h6 class="text-uppercase">Full Name</h6>
                        <p>{{ $kid->first_name .' '.$kid->last_name }}</p>

                        <h6 class="text-uppercase">Date of birth</h6>
                        <p>{{ date('d M Y',strtotime($kid->dob)) }}</p>

                        <h6 class="text-uppercase">Gender</h6>
                        <p>{{ $kid->gender }}</p>

                        <h6 class="text-uppercase">Address</h6>
                        <p>{{$kid->home_address}}, {{$kid->city}}, {{($kid->state) ? $kid->state->state_name : ''}}, {{$kid->zip}}</p>

                        <h6 class="text-uppercase">Term</h6>
                        <p>
                            @if($kid->term == '1')
                                Full-Time
                            @endif
                            @if($kid->term == '2')
                                Part Time
                            @endif
                        </p>
                        <h6 class="text-uppercase">Photo restriction</h6>
                        <p>{{ ($kid->photo_restriction) ? 'Restricted' : 'Not Restricted' }}</p>
                        <h6 class="text-uppercase">Allergies</h6>
                        <p>{{ ($kid->allergies) ? $kid->allergies : '-' }}</p>

                        <h6 class="text-uppercase">Food Restrictions</h6>
                        <p>{{ ($kid->food_restrictions) ? $kid->food_restrictions : '-'}}</p>
                      </div>
                      <div class="col-md-6 persional_info">
                        <h6 class="text-uppercase">Group</h6>
                        <p>{{ ($kid->group) ? $kid->group : '' }}</p>
                        <h6 class="text-uppercase">Emergency Contact Name</h6>
                        <p>{{ $kid->emergency_first_name ? $kid->emergency_first_name : "-"}} {{ $kid->emergency_last_name }}</p>
                        <h6 class="text-uppercase">Emergency Contact Number</h6>
                        <p>{{ $kid->emergency_contact ? $kid->emergency_contact : '-' }}</p>
                        <h6 class="text-uppercase">Email</h6>
                        <p>{{ $kid->emergency_email ? $kid->emergency_email : '-' }}</p>
                        <h6 class="text-uppercase">Physician Contact Name</h6>
                        <p>{{ isset($kid->physician) ? $kid->physician->first_name : '-' }} {{ isset($kid->physician) ? $kid->physician->last_name : '' }}</p>
                        <h6 class="text-uppercase">Physician Contact Number</h6>
                        <p>{{ isset($kid->physician) ? $kid->physician->phone : '-' }}</p>
                        <h6 class="text-uppercase">Physician Email</h6>
                        <p>{{ isset($kid->physician) ? $kid->physician->email : '-' }}</p>
                      </div>
                    </div>
                    <div class="row bg-faded mb-2 mt-3">
                        
                        @foreach($parents as $addonParent)
                            <div class="col-md-4 mb-2">
                                <div class="card border-secondary card-body h-100 addon_parents">
                                    <h5>{{ $addonParent->relation_type }}</h5>
                                    <p class="mb-0">
                                        {{ $addonParent->first_name .' '.$addonParent->last_name }}  </br>
                                        {{ ($addonParent) ? $addonParent->phone : 'Phone Number'}}
                                        @if(isset($addonParent->phone))
                                    </br>
                                        @endif
                                        {{ ($addonParent) ? $addonParent->email : 'Email'}}
                                    </p>
                                </div>
                            </div>
                        @endforeach



                        @if(is_null($kid->deleted_at))

                            <!-- <div class="col-md-4 mb-2">
                                <a href="#" data-toggle="modal" class="open_modal" data-edit="{{ $kid->id }}" >
                                   <div class="card border-secondary text-center card-body h-100 justify-content-center">
                                        <h1><img src="{!! asset('images/Path 72.png')!!}"></h1>
                                    </div>
                                  </a>
                                </div>
                            </div> -->

                        @endif

                        
                      <div class="col-md-12">

                          <div class="card border-secondary bg-grey file_upload">
                              <div class="card-body">
                                  <h5>Files</h5>

                                  <div class="row mt-1">
                                                                                                                          
                                      <div class="col-md-12">
                                             
                                              <div class="card-body">
                                                  <div class="row mb-2">
                                                    @if($kid->documents)
                                                        @foreach($kid->documents as $document)
                                                        <div class="col-md-2 pdf_file">
                                                            <h1>
                                                                <a href="{{ $document->file_name }}" target="_blank" download="">
                                                                    <img src="{!! asset('images/Path-5.svg')!!}">
                                                                    
                                                                </a>
                                                                <a href="#" class="delete_kids_file"
                                                   data-type="file_div"
                                                   data-delete-id="{{ $document->id }}"
                                                   data-delete="exist{{ $document->id }}"><img src="{!! asset('images/Path 138.svg')!!}"></a>
                                                            </h1>
                                                            <p>{{ $document->name }}</p>
                                                        </div>
                                                        @endforeach
                                                    @endif
                                                  </div>

                                              <form class="form theme-form form_submit_loading file-upload-form mt-3" method="post" action="{{ route('upload_document') }}" enctype="multipart/form-data">
                                                @csrf
                                                <h5 class="form-upload-label">Add File</h5>
                                                <input type="hidden" name="kid_id" value="{{ $kid->id }}"/>
                                                  <div class="row">
                                                      <div class="col">
                                                          <div class="form-group row mb-0">
                                                              <div class="col-md-12 p-0">
                                                                  <label class="form-control custom-file-label" for="file_upload">Add
                                                                      File</label> 
                                                                      <!-- custom-file-label -->
                                                                  <input class="form-control" name="file" type="file" id="file_upload">
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="row">
                                                      <div class="col p-0">
                                                          <div class="form-group row">
                                                              <div class="col-md-12">
                                                                  <input class="form-control" name="document_name" type="text" placeholder="Document Name">
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="row">
                                                      <div class="col">
                                                          <div class="form-group row">
                                                              <div class="col-md-12 text-center">
                                                                  <button class="btn btn-primary btn-pill round upload_file_button"
                                                                            type="submit"><img src="{!! asset('images/Group 89.svg')!!}">
                                                                        Upload
                                                                    </button>
                                                              </div>

                                                          </div>
                                                          <div class="col-12 p-0">
                                                            @if ($errors->any())
                                                            <input type="hidden" id="errors_upload" value="{{count($errors)}}">
                                                                <div class="alert alert-danger">
                                                                    <ul>
                                                                        @foreach ($errors->all() as $error)
                                                                            <li>{{ $error }}</li>
                                                                        @endforeach
                                                                    </ul>
                                                                </div>
                                                            @endif
                                                            @if(session()->has('success'))
                                                                <div class="alert alert-success hide-alert">
                                                                    {{ session()->get('success') }}
                                                                </div>
                                                            @endif
                                                        </div>
                                                      </div>
                                                  </div>
                                                </form>
                                            </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                   </div>
                </div>
             </div>
          </div>
          
    </section>
    <!--End Hero-->

<div class="modal fade" id="new_add_additional" tabindex="-1" role="dialog" aria-labelledby="new_add_additional" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Additional</h5>
          <button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        </div>
        <div class="modal-body p-0">
          <form class="form theme-form form_submit_loading" id="additional_form">
            <input type="hidden" name="add_kids_additional" id="add_kids_additional" value="false">
            <div class="card-body">
                <!-- <div class="validation-errors1"></div> -->
              <div class="row">
                <div class="col">
                  <div class="form-group">
                    <label for="exampleFormControlInput1">First Name</label>
                    <input class="form-control" type="text"
                                                   name="first_name" id="add_first_name" placeholder="First Name">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col">
                  <div class="form-group">
                    <label for="exampleFormControlInput1">Last Name</label>
                    <input class="form-control" type="text" name="last_name" id="add_last_name"
                                                   placeholder="Last Name">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col">
                  <div class="form-group">
                    <label for="exampleFormControlInput1">Phone Number</label>
                    <input class="form-control" name="phone" type="text" id="add_phone"
                                                   placeholder="Phone">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col">
                  <div class="form-group">
                    <label for="exampleFormControlInput1">Email</label>
                    <input class="form-control" type="email" name="email" placeholder="Email"
                                                   id="add_email">
                  </div>
                </div>
              </div>
            </div>
            <div class="card-footer pt-0 pb-0">
              <button class="btn btn-pill round btn-primary" id="add_submit_kids" type="button">Submit</button>
              <!-- <button class="btn btn-pill btn-danger">Delete</button> -->
            </div>
          </form>
        </div>
        
      </div>
    </div>
  </div>

@endsection
@section('page_js')
    @include('backend.kids.add-student-js')
    @include('backend.kids.view-student-js')
@endsection