@extends('superadmin.layouts.app')
@section('content')
@php
$firstChar = substr($dioceses->name,0,1);
@endphp
<section class="diocese-details-page">
    <a href="{{route('superadmin.diocese.list')}}" class="parish-heading hstack items-center"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M15 19.9201L8.47997 13.4001C7.70997 12.6301 7.70997 11.3701 8.47997 10.6001L15 4.08008" stroke="white" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>Diocese list
    </a>
    <div class="border-box h-full">
        <div class="bg-box h-full">
            <div class="user-staff-data">
                <div class="user-name-details">
                    @if($dioceses->profile_pic==null)
                        <div class="user-avtar">{{$firstChar}}</div>
                    @else 
                        <img src="{{$dioceses->profile_pic}}" alt="{{$dioceses->name}}"> 
                    @endif
                    <!-- -->
                    <h6>{{$dioceses->name}}</h6>
                </div>
                <div class="address-details">
                    <span>Address</span>
                    <p>{{$dioceses->display_diocese_address}}</p>
                </div>
                <div class="address-details">
                    <span>Website</span>
                    <p>{{$dioceses->website}}</p>
                </div>
                <div class="address-details">
                    <span>Status</span>
                    @if($dioceses->is_active==1)
                    <button class="active-button">Active</button>
                    @else 
                    <button class="inactive-button">Inactive</button>
                    @endif
                </div>
                @if($staff_details)
                <div class="staff-details">
                    <h3>Staff</h3>
                    @foreach($staff_details as $staff_detail)
                    <div class="hstack items-center staff-data">
                        <div class="address-details">
                            <span>First Name</span>
                            <p>{{$staff_detail->first_name}}</p>
                        </div>
                        <div class="address-details">
                            <span>Last Name</span>
                            <p>{{$staff_detail->last_name}}</p>
                        </div>
                    </div>
                    <div class="hstack items-center staff-data">
                        <div class="address-details">
                            <span>Dignity</span>
                            <p>{{$staff_detail->dignity}}</p>
                        </div>
                        <div class="address-details">
                            <span>Position</span>
                            <p>{{$staff_detail->position}}</p>
                        </div>
                    </div>
                    @endforeach
                </div>
                @endif
            </div>
        </div>
    </div>
</section>
@endsection