@extends('layout.app')
@section('styling')
    @parent
    <link href="{{asset('theme/assets/advanced-datatable/media/css/demo_page.css')}}" rel="stylesheet" />
    <link href="{{asset('theme/assets/advanced-datatable/media/css/demo_table.css')}}" rel="stylesheet" />
    <link rel="stylesheet" href="{{asset('theme/assets/data-tables/DT_bootstrap.css')}}" />
@endsection
@section('content')
    <div class="col-sm-12">
        <section class="card">
            <header class="card-header">
                Notifications
            </header>
            <div class="card-body">
                    <table  class="table">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Phone Number</th>
                            <th>Follow Up Date</th>
                            <th>Follow Up Date</th>
                            <th>Follow Up Date</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($leads as $lead)
                            <tr>
                                <td>{{$lead->name}}</td>
                                <td>{{$lead->email}}</td>
                                <td>{{$lead->phone_number}}</td>
                                <td>{{$lead->first_follow_up_date}}</td>
                                <td>{{$lead->second_follow_up_date}}</td>
                                <td>{{$lead->third_follow_up_date}}</td>
                                <td><a href="{{route('notifications.show', $lead->id)}}"
                                   class="btn btn-sm btn-info"
                                   role="button"
                                >
                                    Details
                                </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
            </div>
        </section>
    </div>
@endsection
@section('javascript')
    @parent
    <script type="text/javascript" language="javascript" src="{{asset('theme/assets/advanced-datatable/media/js/jquery.dataTables.js')}}"></script>
    <script type="text/javascript" src="{{asset('theme/assets/data-tables/DT_bootstrap.js')}}"></script>
    <!--dynamic table initialization -->
    <script src="{{asset('theme/js/dynamic_table_init.js')}}"></script>
@endsection