<x-owner-layout>
    @section('page_css')
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/core/menu/menu-types/vertical-menu.css') }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/core/colors/palette-gradient.css') }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/plugins/forms/wizard.css') }}">
    @endsection
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">Upcoming Birthdays</h2>
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{ $home_url }}">Home</a></li>
                                    <li class="breadcrumb-item active">Upcoming Birthdays</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="content-body">
                <section id="validation">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                {{-- <div class="card-header">
                                    <h4 class="card-title">Validation Example</h4>
                                </div> --}}
                                <div class="card-content">
                                    <div class="card-body">
                                        @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" role="alert">
                                            {{-- <h4 class="alert-heading">Success</h4> --}}
                                            <p class="mb-0">
                                                {{ Session::get('success') }}
                                            </p>
                                        </div>
                                        @endif
                                        <!-- DataTable starts -->
                    <div class="table-responsive">
                        <?php $i=1; ?>
                        @if(isset($records) && !empty($records) && count($records))
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>Sl No.</th>
                                        <th>Client Name</th>
                                        <th>Phone</th>
                                        <th>Email</th>
                                        <th>Birthday</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($records as $index =>$singleData)
                                    <tr style="background-color:#ffffff;">
                                        <td>{{$index + $records->firstItem()}}</td>
                                        <td>{{$singleData['driver_name']}}</td>
                                        <td>
                                            @if($singleData['driver_phone'] != '')
                                                +{{$singleData['driver_isd_code']}}{{$singleData['driver_phone']}}
                                            @endif
                                        </td>
                                        <td>{{$singleData['driver_email']}}</td>
                                        <td>
                                            <!-- {{$singleData['dob']}} -->
                                            @if($singleData['dob'] != '')
                                            {{date("Y/m/d", strtotime($singleData['dob']))}}
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>

                            </table>
                        @endif
                    </div>
                    <!-- DataTable ends -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

            </div>
        </div>
    </div>
    @section('page_scripts')
        <script src="{{ asset('app-assets/vendors/js/extensions/jquery.steps.min.js') }}"></script>
        <script src="{{ asset('app-assets/vendors/js/forms/validation/jquery.validate.min.js') }}"></script>
        <script src="{{ asset('app-assets/js/scripts/forms/wizard-steps.js') }}"></script>
    @endsection
</x-owner-layout>
