@extends('layouts.app')
@section('content')

<section class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <ol class="breadcrumb align-items-center">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Kids</li>
                    <li class="m-1">
                        <a href="{{ route($pagelink.'.create') }}" class="btn btn-primary text-white addBtn">
                            Add {{$pagename}}
                        </a>
                    </li>
                </ol>
            </div>
            {{ logs_button('kid') }}
        </div>
    </div><!-- /.container-fluid -->
</section>

<div class="container-fluid">
    <div class="row justify-content-center">
        
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <!-- <a href="javascript:void(0)" class="showFilter">
                        <span class="fas fa-filter"></span>
                    </a> -->
                    <form class="filter-form">
                        <div class="row align-items-end">
                            <div class="form-group col-md-3">
                                <label for="search">Parent</label>
                                <select class="form-control col-md-12" name="parent_id">
                                    <option value="">{{ __('Select Parent') }}</option>
                                    @php 
                                        $pid = request()->get('parent_id');
                                        echo get_users_dropdown($pid) 
                                    @endphp
                                </select>
                            </div>    

                            <div class="form-group col-md-3">
                                <label for="search">Search</label>
                                <input type="text" placeholder="Enter name , email , phone" name="search" class="form-control" value="{{request()->get('search')}}">
                            </div>    

                            <div class="col-md-3">
                                <label for="datepicker6">Created on</label>
                                <div class="row alignCenter">
                                    @php 
                                        $from = (request()->get('created_at') ) ? request()->get('created_at')[0]:''; 
                                        $to = (request()->get('created_at') ) ? request()->get('created_at')[1]:''; 
                                    @endphp
                                    <div class="input-daterange input-group" id="datepicker6" data-date-format="yyyy-mm-dd" data-date-autoclose="true" data-provide="datepicker" data-date-container='#datepicker6'>
                                        <input type="text" class="form-control" name="created_at[]" placeholder="From" value="{{$from}}" />
                                        <input type="text" class="form-control" name="created_at[]" placeholder="To" value="{{$to}}" />
                                    </div>
                                </div>
                            </div>                                     

                            <div class="form-group col-md-2">
                                <button class="btn btn-primary" type="submit">
                                    Filter <span class="fas fa-filter"></span>
                                </button>
                                <a href="{{ route($pagelink.'.index') }}" class="btn btn-secondary waves-effect custombtn">
                                    Clear 
                                </a>
                            </div>    
                        </div>    
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="badge bg-primary p-2 mb-2 mt-2 customCountArea">
                Showing {{($list->currentpage()-1)*$list->perpage()+1}} to {{$list->currentpage()*$list->perpage()}}
                of {{$list->total()}} entries
            </div>            
            <div class="card">
                <div class="card-body">
                    <table class="table table-bordered dt-responsive nowrap w-100 align-baseline">
                        <thead>
                            <tr>
                                <th>Profile</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th>Phone</th>
                                <th>Parent</th>
                                <!-- <th>Control</th> -->
                                <th>Action</th>
                            </tr>
                        </thead>

                        <tbody>
                            @if( !$list->isEmpty() )
                                @foreach( $list as $index => $values )
                                    <tr>
                                        <td class="text-center">
                                            @if(!empty( $values->image) )
                                                <img src="{{ asset($values->image) }}" width="50" height="50" class="circle-image">
                                            @else    
                                                <img src="{{ asset('public/assets/images/kid-default.png') }}" width="50" height="50" class="circle-image">
                                            @endif
                                        </td>
                                        <td>{{ $values->name }}</td>
                                        <td>{{ email_link($values->email) }}</td>
                                        <td>{{ phone_link($values->phone) }}</td>
                                        <td>
                                            @if( isset($values->parent->id) )
                                                <a href="{{route('users.edit',$values->parent->id)}}">{{ $values->parent->name }}</a>
                                            @endif
                                        </td>
                                        <!-- <td>@php echo $values->parent_controller == 1?'yes':'no' @endphp</td> -->
                                        <td>
                                           {{ get_edit_button( route('kids.edit',$values->id), $values->id, 'black text-primary' , 'Edit') }}
                                           {{ get_delete_button(route('kids.destroy',$values->id),$values->id,'black text-danger deleteRecord','Delete')}}
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="card-footer clearfix pg">
                    {{ $list->withQueryString()->links() }}
                </div>     
            </div>
        </div>
    </div>
</div>
@endsection