@if(Auth::user()->admin !== 1)
{{ Auth::logout() }}
@endif
@include('includes.header')
<div class="container page__heading-container">
  <div class="page__heading d-flex align-items-end">
    <div class="flex">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
          <li class="breadcrumb-item">{{ $categorie }}</li>
          <li class="breadcrumb-item active"
          aria-current="page">Sinistres</li>
        </ol>
      </nav>
      <h1 class="m-0">Liste des sinistres</h1>
    </div>
    <div class="flatpickr-wrapper ml-3">
      <button type="button"
      class="btn btn-primary"
      data-toggle="modal"
      data-target="#newSinistre"><i class="fas fa-plus"></i>&nbsp;&nbsp;Nouveau sinistre
    </div>
    @include('includes.toast', ['msg' => $msg])
  </div>
</div>
<div class="container page__container">
  <div class="stories-cards mb-4">

    <div class="card stories-card">
      <div class="stories-card__content d-flex align-items-center flex-wrap">
        <div class="avatar avatar-lg mr-3">
          <a href=""><img src="assets/images/stories/256_rsz_clem-onojeghuo-193397-unsplash.jpg" alt="avatar" class="avatar-img rounded"></a>
        </div>
        <div class="stories-card__title flex">
          <h5 class="card-title m-0"><a href="" class="headings-color">Cheap Romantic Vacations</a></h5>
          <small class="text-dark-gray">35 views last week</small>
        </div>
        <div class="d-flex align-items-center flex-column flex-sm-row stories-card__meta">
          <div class="mr-3 text-dark-gray text-uppercase stories-card__tag d-flex align-items-center">
            <i class="material-icons text-muted-light mr-1">folder_open</i> future
          </div>
          <div class="mr-3 text-dark-gray stories-card__date">
            <small>11 Nov, 2018 07:46 AM</small>
          </div>
          <div class="media mr-2 ml-sm-auto align-items-center">
            <div class="media-left mr-2 avatar-group">

              <div class="avatar avatar-xs" data-toggle="tooltip" data-placement="top" title="" data-original-title="Janell D.">
                <img src="assets/images/256_rsz_1andy-lee-642320-unsplash.jpg" alt="Avatar" class="avatar-img rounded-circle">
              </div>

              <div class="avatar avatar-xs" data-toggle="tooltip" data-placement="top" title="" data-original-title="Janell D.">
                <img src="assets/images/256_michael-dam-258165-unsplash.jpg" alt="Avatar" class="avatar-img rounded-circle">
              </div>

              <div class="avatar avatar-xs" data-toggle="tooltip" data-placement="top" title="" data-original-title="Janell D.">
                <img src="assets/images/256_luke-porter-261779-unsplash.jpg" alt="Avatar" class="avatar-img rounded-circle">
              </div>

            </div>
            <div class="media-body">

              <a href="" class="text-body">+2 more</a>

            </div>
          </div>
        </div>
        <div class="dropdown ml-auto">
          <a href="#" data-toggle="dropdown" data-caret="false" class="text-muted"><i class="material-icons">more_vert</i></a>
          <div class="dropdown-menu dropdown-menu-right">
            <a href="javascript:void(0)" class="dropdown-item">Action</a>
            <a href="javascript:void(0)" class="dropdown-item">Other Action</a>
            <div class="dropdown-divider"></div>
            <a href="javascript:void(0)" class="dropdown-item">Some Other Action</a>
          </div>
        </div>
      </div>
    </div>

  </div>
</div>

</div>
<!-- // END Header Layout Content -->
</div>
<!-- // END Header Layout -->
@include('includes.footer')
</body>

</html>