@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')}}" />
    <link rel="stylesheet" href="{{asset('theme/assets/font-awesome/css/font-awesome.css')}}" />
    <link href="{{asset('theme/css/table-responsive.css')}}" rel="stylesheet" />
    <link href="{{asset('theme/css/style-responsive.css')}}" rel="stylesheet" />
    <Style>
        .bg_orange {
            background-color: #FF7F50!important;
        }
        .text_color {
            color: white;
        }
    </Style>
@endsection
@section('content')
    <div class="col-sm-12">
        <section class="card">
            <header class="card-header">
                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">
                    <form method="GET" action="{{route('lead.index')}}">
                        <div class="form-group row">
                            <div class="col-lg-12">
                                @foreach($looking_for as $looking)
                                    <div class="custom-control custom-radio custom-control-inline">
                                        <input
                                            type="checkbox"
                                            value="{{$looking->id}}"
                                            id="customRadioInline{{$looking->id}}"
                                            name="looking_for_filter[]"
                                            class="custom-control-input"
                                            {{ (isset($filters) && in_array($looking->id, $filters))  ? 'checked' : '' }}
                                        >
                                        <label class="custom-control-label" for="customRadioInline{{$looking->id}}">{{$looking->name}}</label>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-5">
                                <button class="btn btn-primary">Filter</button>
                            </div>
                        </div>
                    </form>
                    <table  class="display table" id="lead-dynamic-table">
                        <thead>
                        <tr>
                            <th>Created At</th>
                            <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>Status</th>
                            <th>Action</th>
                            <th style="display: none;">Priority</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($leads as $lead)
                            @if($lead->followUpNotes->count() == 0)
                                @php
                                    $tableClass = 'bg_orange';
                                    $textColor = 'text_color';
                                @endphp
                            @else
                                @php
                                    $tableClass = '';
                                    $textColor = '';
                                @endphp
                            @endif
                            <tr class="{{$tableClass}}">
                                <td class="{{$tableClass}} {{$textColor}}">{{$lead->created_at->format('Y-m-d')}}</td>
                                <td class=""><a class="{{$textColor}}" href="{{route('lead.edit', $lead->id)}}"
                                    >{{$lead->name}}</a></td>
                                <td class="{{$textColor}}">{{$lead->phone_number}}</td>
                                <td class="{{$textColor}}">{{isset($lead->lookings) && count($lead->lookings) ? $lead->lookings->pluck('name')->implode(', ') : "No Lookings"}}</td>
                                <td class="{{$textColor}}">{{$lead->rcp}}</td>
                                <td class="{{$textColor}}">{{$lead->first_follow_up_date}}</td>
                                <td class="{{$textColor}}">{{$lead->second_follow_up_date}}</td>
                                <td class="{{$textColor}}">{{$lead->third_follow_up_date}}</td>

                                <td class="{{$textColor}}">Active</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="active" name="status">
                                            <!--button class="btn btn-sm btn-danger"
                                                    type="submit">
                                                <i class="fa fa-trash-o"></i>
                                            </button-->
                                        </form>
                                    @endif
                                </td>
                                <td style="display: none;">{{$lead->priority}}}</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