@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">
                Not Interested Leads
                <span class="tools pull-right">
                    <a href="{{route('lead.create')}}" style="color: white;" class="btn btn-sm btn-default" role="button">Add Lead</a>
                </span>
            </header>
            <div class="card-body">
                <div class="adv-table">
                    <table  class="display table table-bordered table-striped" id="lead-dynamic-table">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Phone Number</th>
                            <th>Looking For</th>
                            <th>REP</th>
                            <th>Follow Up Date</th>
                            <th>Follow Up Date</th>
                            <th>Follow Up Date</th>
                            <th>Created At</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($leads as $lead)
                            <tr>
                                <td><a href="{{route('lead.edit', $lead->id)}}"
                                    >{{$lead->name}}</a></td>
                                <td>{{$lead->phone_number}}</td>
                                <td>{{isset($lead->lookings) && count($lead->lookings) ? $lead->lookings->pluck('name')->implode(', ') : "No Lookings"}}</td>
                                <td>{{$lead->rcp}}</td>
                                <td>{{$lead->first_follow_up_date}}</td>
                                <td>{{$lead->second_follow_up_date}}</td>
                                <td>{{$lead->third_follow_up_date}}</td>
                                <td>{{$lead->created_at->format('Y-m-d')}}</td>
                                <td>Not interested</td>
                                <td style="display: flex;">

                                    <a href="{{route('lead.edit', $lead->id)}}"
                                       class="btn btn-sm btn-primary"
                                       role="button"
                                    >
                                        <i class="fa fa-edit"></i>
                                    </a>
                                    @if (Auth::user()->role == 'admin')
                                        <form action="{{route('lead.delete', $lead->id)}}" method="post" style="margin-left: 3%;">
                                            @csrf
                                            <input type="hidden" value="notInterested" name="status">
                                            <!--button class="btn btn-sm btn-danger"
                                                    type="submit">
                                                <i class="fa fa-trash-o"></i>
                                            </button-->
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </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