@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', 'Staffs and Sales teams')

@section('content')

<section id="ps-list-content">
<div class="ps-list-content-wrapper">
	<div class="container-fluid breadcrumb-wraper">
		<ul class="breadcrumb">
  <li><a href="{{ route('dashboard')}}" class="active bread-link">
	  <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('set::settings.home')}}</a></li>
  <li>{{__('set::settings.settings')}}</li>
  <li>{{__('set::settings.add new')}}</li>
</ul>
</div>
	</div>


<div class="container-fluid">
	<div class="ps-profile-header">
	<h1><span class="icon me-2">
		<i class="fa-solid fa-users"></i></span>{{__('set::settings.salesteams') }}</h1>
		<button class="btn btn-primary new-modal-btn" type="button"
		data-bs-toggle="modal" data-bs-target="#salesteamModal">{{__('set::settings.add new') }}</button>
	</div>
	@includeIf('setup::salesteams.partial.Modals.create_modal')
	</div>

<div class="container-fluid">
<div class="ps-list-wrapper">
	<div class="table-responsive-sm">
	<table class="table table-striped list-table table-hover" id="list-table">
        <thead>
         <tr>
	  <th>{{__('set::settings.id')}}</th>
	  <th>{{__('set::settings.staff name')}}</th>
	  <th>{{__('set::settings.staff number')}}</th>
	  <th>{{__('set::settings.start date')}}</th>
	  <th>{{__('set::settings.mobile')}}</th>
	  <th>{{__('set::settings.status')}}</th>
	  <th>{{__('set::settings.action')}}</th>
	  </tr>
        </thead>
      <tbody id="staff-tbody">
        @if(count($clerks) > 0)
            @foreach($clerks as $clerk)
        <tr>
            <td>{{ $loop->iteration }}</td>
            <td>{{ $clerk->Name }}</td>
            <td>{{ $clerk->TagNo }}</td>
            <td>{{ $clerk->StartDate }}</td>
            <td>{{ $clerk->mobile }}</td>
            <td>
             <span class="element-status {{AdminStatusType::status_state($clerk->status)['color']}}" >
                            {{ trans('stock::supplier.'.AdminStatusType::status_state($clerk->status)['title']) }}
                        </span>
            </td>
            <td>
                <button class="btn edit-btn" id="edit-teams" value="{{ $clerk->id }}" data-url="{{ route('edit-teams', ['id' => $clerk->id]) }}"><i class="fas fa-eye"></i></button>
            </td>
        </tr>
            @endforeach
            @endif
		</tbody>
	</table>
	</div>
	@includeIf('setup::salesteams.partial.Modals.update_modal')
	</div>
</div>
</section>
@endsection