@extends('backend.layout.master')
@include('backend.kinder-garden.css')
@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>Childcares </span></h2>

                    </div>
                    <div class="col-lg-6 breadcrumb-right">
                        <a href="{{route('kinder-garden.add')}}"><button class="btn btn-pill btn-primary btn-air-primary" style="float:right;" data-original-title="btn btn-pill btn-primary btn-air-primary" title="Add Student"><i class="fas fa-plus-circle"></i> Add New Childcare</button></a>


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

                <!-- Multiple tables Start-->
                <div class="col-sm-12">
                    <div class="card">

                        <div class="card-body">
                            @if(session()->has('success'))
                                <div class="alert alert-success hide-alert">
                                    {{ session()->get('success') }}
                                </div>
                            @endif
                            <div class="table-responsive">

                                <table class="show-case" id="list_kinder_garden">
                                    <thead>
                                    <tr>
                                        <th>Name </th>
                                        <th class="no-sort">Email</th>
                                        <th class="no-sort">Phone </th>
                                        <th>Subscription Status</th>
                                        <th>Subscription Details</th>
                                        <th class="no-sort">Action </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($kgs as $kg)
                                        <tr>
                                            <td><div class="product-name">{{$kg->name}}</div></td>
                                            <td>{{$kg->email}}</td>
                                            <td>{{$kg->phone}}</td>
                                            <td>@if($kg->is_subscription_active)
                                                    <label class="switch">
                                                        <input type="checkbox" checked="" disabled><span class="switch-state bg-success"></span>  <span style="margin-left:5px">A</span>
                                                    </label>
                                                @else

                                                    <label class="switch">
                                                        <input type="checkbox" checked="false" disabled><span class="switch-state bg-danger"></span>  <span style="margin-left:5px">I</span>
                                                    </label>
                                                @endif
                                            </td>
                                            <td class="show">@if($kg->is_subscription_active)
                                                    <button class="btn btn-info dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Subscription Details</button>
                                                    <div class="dropdown-menu p-2 bg-color1 text-white" x-placement="bottom-start" style="position: absolute; transform: translate3d(173px, 178px, 0px); top: 0px; left: 0px; will-change: transform;">
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <strong>Start Date: </strong> <br>
                                                                <strong>End Date: </strong> <br>
                                                                <strong>Last Payment on:</strong> <br>
                                                                <strong>Amount Paid:</strong>
                                                            </div>
                                                            <div class="col-6">
                                                                {{date("m/d/Y",strtotime($kg->subscription_start))}}
                                                                <br>
                                                                {{date("m/d/Y",strtotime($kg->subscription_expiry))}}
                                                                <br>
                                                                @if(isset($kg['payments']))
                                                                    {{date("m/d/Y h:i A",strtotime($kg['payments']->created_at))}}
                                                                    <br>
                                                                    ${{$kg['payments']->amount}}
                                                                @endif
                                                            </div>
                                                        </div>

                                                    </div>
                                                @endif

                                            </td>
                                            <td style="min-width:200px;"><div class="row actions">
                                                    <div class="col-5" style="padding:0px 5px !important;"><a href="{{route('kinder-garden.edit',$kg['id'])}}"><button class="btn btn-outline-secondary-2x"><i class="fa fa-pen"></i> Edit</button></a></div>
                                                    <div class="col-7" style="padding:0px 5px !important;"><button class="btn btn-danger ask_delete" data-id="{{$kg['id']}}"><i class="fa fa-trash"></i> Delete</button></div>
                                                </div>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <th>Name </th>
                                        <th>Email</th>
                                        <th>Phone </th>
                                        <th>Subscription Status</th>
                                        <th>Subscription Details</th>
                                        <th>Action </th>
                                    </tr>
                                    </tfoot>
                                </table>

                            </div>


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

    </div>

    {{--<div class="page-body">
        <div class="container-fluid">
            <div class="page-header">
                <div class="row">
                    <div class="col-lg-6 main-header">
                        <h2>Childcares<span> </span></h2>

                    </div>
                    <div class="col-lg-6 breadcrumb-right">
                        <div class="btn-showcase">
                            <a href="{{route('kinder-garden.add')}}"><button class="btn btn-pill btn-success btn-air-success btn-air-success" style="float:right;">Add New Childcare</button></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <div class="container-fluid general-widget">
            <div class="row">
                <div class="col-sm-12">
        <div class="card">
                <div class="card-body card-dashboard">
                    @if(session()->has('success'))
                        <div class="alert alert-success hide-alert">
                            {{ session()->get('success') }}
                        </div>
                    @endif
                    <div class="table-responsive">
                        <table class="table zero-configuration" id="list_kinder_garden">
                            <thead>
                            <tr>
                                <th>Name </th>
                                <th class="no-sort">Email</th>
                                <th class="no-sort">Phone </th>
                                <th>Subscription Status</th>
                                <th>Subscription Details</th>
                                <th class="no-sort">Action </th>
                            </tr>
                            </thead>
                            <tbody>
                                @foreach($kgs as $kg)
                                    <tr>
                                        <td><div class="product-name">{{$kg->name}}</div></td>
                                        <td>{{$kg->email}}</td>
                                        <td>{{$kg->phone}}</td>
                                        <td>@if($kg->is_subscription_active)
                                                <label class="switch">
                                                    <input type="checkbox" checked="" disabled><span class="switch-state bg-success"></span>  <span style="margin-left:5px">A</span>
                                                </label>
                                            @else

                                                <label class="switch">
                                                    <input type="checkbox" checked="false" disabled><span class="switch-state bg-danger"></span>  <span style="margin-left:5px">I</span>
                                                </label>
                                                @endif
                                        </td>
                                        <td class="show">@if($kg->is_subscription_active)
                                                <button class="btn btn-info dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Subscription Details</button>
                                                <div class="dropdown-menu p-2 bg-color1 text-white" x-placement="bottom-start" style="position: absolute; transform: translate3d(173px, 178px, 0px); top: 0px; left: 0px; will-change: transform;">
                                                    <div class="row">
                                                    <div class="col-6">
                                                        <strong>Start Date: </strong> <br>
                                                        <strong>End Date: </strong> <br>
                                                        <strong>Last Payment on:</strong> <br>
                                                        <strong>Amount Paid:</strong>
                                                    </div>
                                                    <div class="col-6">
                                                        {{date("m/d/Y",strtotime($kg->subscription_start))}}
                                                        <br>
                                                        {{date("m/d/Y",strtotime($kg->subscription_expiry))}}
                                                        <br>
                                                        @if(isset($kg['payments']))
                                                        {{date("m/d/Y h:i A",strtotime($kg['payments']->created_at))}}
                                                        <br>
                                                        ${{$kg['payments']->amount}}
                                                        @endif
                                                    </div>
                                                    </div>

                                                </div>
                                                @endif

                                        </td>
                                        <td><div class="actions">
                                                <a href="{{route('kinder-garden.edit',$kg['id'])}}"><button class="btn btn-outline-secondary-2x">Edit</button></a>
                                                <button class="btn btn-danger ask_delete" data-id="{{$kg['id']}}"><i class="fa fa-trash"></i> Delete</button>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                            <tr>
                                <th>Name </th>
                                <th>Email</th>
                                <th>Phone </th>
                                <th>Subscription Status</th>
                                <th>Subscription Details</th>
                                <th>Action </th>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
        </div>
                </div>
        </div>
        </div>
    </div>--}}



@endsection
@include('backend.kinder-garden.js')