@extends('layouts.LayoutMaster')

@section('content')

<div class="container">
  <div class="card">

    <div class="card-header d-flex justify-content-between">
      <p class="lead m-0">Prospect List</p>
      <a href="{{route('prospects.create')}}" class="btn btn-primary waves-effect waves-light">Create</a>
    </div>

    <div class="card-body">

      <div class="table-responsive text-nowrap">
        <table class="table table-bordered">

          <thead>
            <tr>
              <x-table.header :headers="['Information','phone','status','Obs','Action']" />

            </tr>
          </thead>

          <tbody>

            @forelse ($prospects as $prospect)
            <tr>
              <td>{{$prospect->id}}</td>

              <td>
                <b>Date</b> : {{$prospect->date}} <br>
                <b>Nom & Prenom </b> : {{$prospect->full_name}} <br>
                <b>Page : </b> {{$prospect->page_name}} <br>
                <b>SiteWeb : </b> {{$prospect->website}} <br>
              </td>


              <td>{{$prospect->phone}}</td>

              <td>
                <span class="badge rounded-pill bg-label-primary">Injoignable</span>
                {{$prospect->status}}
              </td>

              <td>{{$prospect->observation}}</td>

              <x-list-button routeDestroy="{{route('prospects.destroy', $prospect->id ) }}"
                routeEdit="{{route('prospects.edit', $prospect->id) }}">
              </x-list-button>

            </tr>

            @empty
            <td>No record</td>
            @endforelse

          </tbody>
        </table>

      </div>
    </div>
  </div>
</div>

@endsection