@include('layouts.header')
<div class="container">
    <div role="tabpanel">

        <!-- Nav tabs -->
        <ul class="nav nav-tabs nav-justified d-flex justify-content-between branch-tab" role="tablist">
            <li role="presentation">
                <a href="#all" aria-controls="all" role="tab" data-toggle="tab" class="active">
                    All
                </a>
            </li>
            @foreach ($emps as $key => $emp)
                <li role="presentation">
                    <a href="#{{ preg_replace('/\s+/', '', $key) }}"
                        aria-controls="{{ preg_replace('/\s+/', '', $key) }}" role="tab" data-toggle="tab">
                        {{ $key }}
                    </a>
                </li>
            @endforeach
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="all">
                <div class="row g-4 my-3">
                    @foreach ($emps as $key => $emp)
                       @foreach ($emp as $list)
                            <div class="col-md-4">
                                <div class="branch-card">
                               
                                    <span style=""> <H4>{{ $list->name }}</H5> <span><span></span>
                                 
                                    <span style="color:rgb(121, 119, 103)  ; font-weight: bold;" > Designation :  </span><span >{{$list->designation}}</span>
                                    <br>
                                    <span style="color:rgb(121, 119, 103) ; font-weight: bold;">Head Office/ Branches :  </span><span > {{$list->head_Office}}</span>
                                    <br>
                                    <span style="color:rgb(121, 119, 103) ; font-weight: bold;"> Department :  </span> <span > {{$list->department}}</span>
                                    <br>
                                    <span style="color:rgb(121, 119, 103) ; font-weight: bold;">Mobile No :  </span> <span > {{$list->mobile_no}}</span>
                                    <br>
                                    <span style="color:rgb(121, 119, 103) ; font-weight: bold;">E-Mail :  </span>  <span > {{$list->e_mail}}</span>
                                    {{-- <p>{{$list->department_type}}</p> --}}
                                </div>
                            </div> 
                        @endforeach
                    @endforeach
                </div>
            </div>
            @foreach ($emps as $key => $emp)
                <div role="tabpanel" class="tab-pane " id="{{ preg_replace('/\s+/', '', $key) }}" {{-- id="{{ preg_replace('/\s+/', '', $key) }}" --}}>
                    <div class="row g-4 my-3">
                        @foreach ($emp as $list)
                        
                            <div class="col-md-4">
                                <div class="branch-card">
                                    <span style=""> <H4>{{ $list->name }}</H5> <span><span></span>
                                 
                                        <span style="color:rgb(121, 119, 103) ; font-weight: bold;" > Designation :  </span><span >{{$list->designation}}</span>
                                        <br>
                                        <span style="color:rgb(121, 119, 103) ; font-weight: bold;">Head Office/ Branches :  </span><span > {{$list->head_Office}}</span>
                                        <br>
                                        <span style="color:rgb(121, 119, 103) ; font-weight: bold;"> Department :  </span> <span > {{$list->department}}</span>
                                        <br>
                                        <span style="color:rgb(121, 119, 103) ; font-weight: bold;">Mobile No :  </span> <span > {{$list->mobile_no}}</span>
                                        <br>
                                        <span style="color:rgb(121, 119, 103) ; font-weight: bold;">E-Mail :  </span>  <span > {{$list->e_mail}}</span>
                                    {{-- <p>{{$list->department_type}}</p> --}}
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endforeach

        </div>
    </div>
</div>
@include('layouts.footer')