@extends('backend.layout.master')
@section('content')
    <div class="page-body">
        <div class="container">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6 main-header">
                        <h2><span>Students</span></h2>

                    </div>
                    <div class="col-lg-6 breadcrumb-right">

                        @if(is_null($kid->deleted_at))
                            <a href="{{route('report.index',$kid->id)}}">
                                <button class="btn btn-pill btn-primary btn-air-primary" type="button"
                                        data-original-title="btn btn-pill btn-primary btn-air-primary"
                                        title="View Report">
                                    <i
                                        class="fas fa-calendar-week"></i> View Report
                                </button>
                            </a>
                            <button class="btn btn-pill btn-light round-pill ask_archive" data-id="{{ $kid->id }}"
                                    type="button"
                                    data-original-title="btn btn-pill btn-primary btn-air-primary" title="Archive"><i
                                    class="fas fa-archive"></i></button>

                            <button class="btn btn-pill btn-danger round-pill ask_delete" data-id="{{ $kid->id }}"
                                    type="button"
                                    data-original-title="btn btn-pill btn-primary btn-air-primary" title="Delete"><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 class="col-12 mt-3">
                        @if ($errors->any())
                            <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>
        </div>
        <!-- Container-fluid starts-->
        <div class="container ">
            <div class="row  ">

                <div class="col-md-4 text-center student-edit">
                    <a href=""><img class="rounded-circle" style="width: 200px" src="{{ $kid->image_url }}" alt="#"></a>
                    <a href=""><h3 class="p-30 font-weight-bold ">{{ $kid->first_name .' '.$kid->last_name }}</h3></a>
                    @if(is_null($kid->deleted_at))
                        <a href="{{ route('kids.edit',$kid->id) }}"><button class="btn btn-outline-primary-2x" type="button" data-original-title="btn btn-primary-gradien" title="">Edit Profile</button></a>
                    @endif
                </div>

                <div class="col-md-8">
                    <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">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>
                        </div>
                        <div class="col-md-6 persional_info">
                            <h6 class="text-uppercase">Photo restriction</h6>
                            <p>{{ ($kid->photo_restriction) ? 'Restricted' : 'Not Restricted' }}</p>

                            <h6 class="text-uppercase">Allergies</h6>
                            <p>{{ $kid->allergies }}</p>

                            <h6 class="text-uppercase">Food Restrictions</h6>
                            <p>{{$kid->food_restrictions}}</p>

                            <h6 class="text-uppercase">Group</h6>
                            <p>{{ ($kid->group) ? $kid->group->name : '' }}</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="card text-center">
                                <div class="card-body">
                                    <h5>Parent 1</h5>
                                    <p class="mb-0">{{ ($parent1) ? $parent1->first_name .' '.$parent1->last_name : 'Full Name'}}  </br>
                                        {{ ($parent1) ? $parent1->phone : 'Phone Number'}} </br>
                                        {{ ($parent1) ? $parent1->email : 'Email'}}
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card text-center">
                                <div class="card-body">
                                    <h5>Parent 2</h5>
                                    <p class="mb-0">
                                        {{ ($parent2) ? $parent2->first_name .' '.$parent2->last_name : 'Full Name'}}  </br>
                                        {{ ($parent2) ? $parent2->phone : 'Phone Number'}} </br>
                                        {{ ($parent2) ? $parent2->email : 'Email'}}
                                    </p>
                                </div>
                            </div>
                        </div>

                        @foreach($parent3 as $addonParent)
                            <div class="col-md-4">
                                <div class="card text-center">
                                    <div class="card-body">
                                        <h5>Additional</h5>
                                        <p class="mb-0">{{ $addonParent->first_name .' '.$addonParent->last_name }}</p>
                                        <p class="mb-0">{{ $addonParent->phone }}</p>
                                        <p class="mb-0">{{ $addonParent->email }}</p>
                                    </div>
                                </div>
                            </div>
                        @endforeach

                        @if(is_null($kid->deleted_at))
                            <div class="col-md-4">
                                <a href="{{ route('kids.edit',$kid->id) }}">
                                    <div class="card">
                                        <div class="card-body text-center">
                                            <h1><i class="fas fa-user-plus"></i></h1>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endif

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

                            <div class="card">
                                <div class="card-body">
                                    <h5>Files</h5>

                                    <div class="row mt-5">
                                        @if($kid->documents)
                                            @foreach($kid->documents as $document)
                                                <div class="col-md-2 pdf_file">
                                                    <h1><a href="{{ $document->file_name }}" target="_blank"
                                                           download=""><i class="far fa-file-alt pdf_file"></i></a></h1>
                                                    <p>{{ $document->name }}</p>
                                                </div>
                                            @endforeach
                                        @endif

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

                                            <form class="form theme-form" method="post"
                                                  action="{{ route('upload_document') }}"
                                                  enctype="multipart/form-data">
                                                @csrf
                                                <input type="hidden" name="kid_id" value="{{ $kid->id }}"/>
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="col">
                                                            <div class="form-group row">

                                                                <div class="col-sm-9">
                                                                    <label class="col-sm-3 col-form-label">Add
                                                                        File</label>
                                                                    <input class="form-control" name="file" type="file">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col">
                                                            <div class="form-group row">
                                                                <div class="col-sm-9">
                                                                    <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-sm-9">
                                                                    <button class="btn btn-primary btn-pill mt-3 "
                                                                            type="submit"><i class="fas fa-upload"></i>
                                                                        Upload
                                                                    </button>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>

            </div>
        </div>
        <!-- Container-fluid Ends-->

    </div>

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