@extends('adminlte::page')

@section('title', __('clinic-staff.index.title'))

@section('content_header')
    <h5><label class="title-underbar">{!! __('clinic-staff.index.title') !!}</label></h5>
@stop

@section('content')
	<x-admin.success-flush-message />
    <x-admin.error-flush-message />
    <x-admin.validation-message />
    <div class="row">
        <div class="col-md-9">
			<form id="search" method="GET" action="{{ route('clinic.clinic-staff.index') }}">
				@csrf
				<select id="role" name="role_id" class="form-control">
					@php
						$selectedRoleId = isset($inputs['role_id']) ? $inputs['role_id'] : null;
					@endphp
					<option value="0">{!! __("clinic-staff.index.select_default") !!}</option>
					@foreach ($roleList as $roleId => $role)
						<option
							value="{{ $roleId }}"
							@if ($selectedRoleId && $selectedRoleId == $roleId)
								selected
							@endif
						>
							{!! __("clinic.common.role." . $role) !!}
						</option>
					@endforeach
				</select>
			</form>
        </div>
		@if (\Auth::guard('clinic')->user()->isEditableRole())
		<div class="btn-wrap col-md-3 d-flex justify-content-end pt-3 pt-md-0">
			<button class="btn btn-block button-go rounded-pill" type="button" onclick="location.href='{{ route('clinic.clinic-staff.create') }}'">{!! __("clinic-staff.index.button_new") !!}</button>
		</div>
		@endif
    </div>
	
	<div class="row" style="margin-top: 30px;">
		<div class="col-md-12">
			<div class="card card--sp" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
				<div class="card-body">
					<div class="row">
						<div class="col-md-12">
							@php
								$staffCount = 0;
							@endphp
							@if ($clinicStaffs->count() > 0)
								@foreach ($clinicStaffs as $clinicStaff)
									@if ($staffCount % 3 == 0)
										<div class="row">
									@endif
									@include('clinic.clinicStaff.parts.card', ['clinicStaff' => $clinicStaff, 'roleList' => $roleList])
									@php
										$staffCount++;
										$staffCount = $staffCount >= 3 ? 0 : $staffCount;
									@endphp
									@if ($staffCount % 3 == 0)
										</div>
									@endif
								@endforeach
							@else
								{{ __('clinic-staff.index.no_data') }}
							@endif
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link href="/css/progressbar.css" rel="stylesheet">
@stop
@section('js')
    <script>
        $(function(){
            $('select#role').change(function(){
                $('form#search').submit();
                return false;
            });
        });
    </script>
@stop