@push('css')
    <style>
        .highlight {
            color: #4e46b8;
            text-align: left;
        }

        .border {
            border: 1px solid white;
            border-collapse: collapse;
        }

        .custom-table td {
            padding: 10px 0 0 -8px;

        }
    </style>
@endpush
<div>
    <x-slot name="title">{{ __('haorsys::haor.Pic_member_info') }}</x-slot>
    <x-theme::layouts.backend.container>
        <x-slot name="title">{{ __('haorsys::haor.Pic_member_profile') }}</x-slot>
        <div class="row">
            <div class="col-xl-3">
                <x-theme::layouts.backend.card>

                    <div class="row">
                        <x-slot name="card_title">
                            <h5 @style('font-weight: bold;') class="text-light"><b>{{ __('haorsys::haor.fundamental_info') }}</b>
                            </h5>
                        </x-slot>
                        <table class="table bordered-buttum table-sm table-striped">

                            {{-- <tr>
                                <th width="35%">
                                    <h5><b class="highlight"> {{ __('haorsys::haor.project_sl_no') }}</b></h5>
                                </th>
                                <td>
                                    <h5>:<b> {{ $pics->pic_no }}</b></h5>
                                </td>

                            </tr> --}}
                            <tr>
                                <th width="35%">
                                    <h5><b class="highlight"> {{ __('haorsys::haor.haor_name') }}</b></h5>
                                </th>
                                <td>
                                    <h5>:<b> {{ $pics->Haor->haor_name_bn ? $pics->Haor->haor_name_bn : $pics->Haor->haor_name }}
                                        </b>
                                    </h5>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <h5><b class="highlight">{{ __('haorsys::haor.district') }}</b></h5>
                                </th>
                                <td>
                                    <h5>: <b>
                                            {{ $pics->Haor->HaorLocation?->pluck('District.district_bn')->unique()->implode(',') }}
                                        </b>
                                    </h5>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <h5><b class="highlight">{{ __('haorsys::haor.upazila') }}</b></h5>
                                </th>
                                <td>
                                    <h5> : <b>
                                            {{ $pics->Haor->HaorLocation?->pluck('Upazila.upazila_bn')->unique()->implode(',') }}
                                        </b></h5>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <h5><b class="highlight">{{ __('haorsys::haor.union') }}</b></h5>
                                </th>
                                <td>
                                    <h5>: <b> {{ $pics->union_gcode }} </b></h5>
                                </td>
                            </tr>


                        </table>
                    </div>

                </x-theme::layouts.backend.card>

            </div>
            <div class="col-xl-5">
                <x-theme::layouts.backend.card>

                    <div class="row">
                        <x-slot name="card_title">
                            <h5 @style('font-weight: bold;') class="text-light"><b>{{ __('haorsys::haor.sub_scheme_name') }}</b>
                            </h5>
                        </x-slot>
                        <table class="table bordered-buttum table-sm table-striped">

                            <tr>
                                <th width="25%">
                                    <h5><b class="highlight"> {{ __('haorsys::haor.sub_scheme_name') }}</b></h5>
                                </th>
                                <td>
                                    <h5>:<b> {{ $pics->SubScheme->sub_scheme_name_bn ?? '' }}</b></h5>
                                </td>

                            </tr>
                            <tr>
                                <th>
                                    <h5><b class="highlight">{{ __('haorsys::haor.description') }}</b></h5>
                                </th>
                                <td>
                                    <h5>: <b> {{ $pics->SubScheme->description ?? '' }}</b></h5>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <h5><b class="highlight">{{ __('haorsys::haor.chainage_from') }}</b></h5>
                                </th>
                                <td>
                                    <h5>
                                        : <b>
                                            {{ app()->getLocale() == 'bn'
                                                ? numberEnToBn($pics->SubScheme->SubSchemeChainage->min('chainage_from') ?? '')
                                                : $pics->SubScheme->SubSchemeChainage->min('chainage_from') ?? '' }}
                                        </b>
                                    </h5>
                                </td>

                            </tr>
                            <tr>
                                <th>
                                    <h5><b class="highlight">{{ __('haorsys::haor.chainage_to') }}</b></h5>
                                </th>
                                <td>
                                    <h5>:
                                        <b>{{ app()->getLocale() == 'bn' ? numberEnToBn($pics->SubScheme->SubSchemeChainage->max('chainage_to') ?? '') : $pics->SubScheme->SubSchemeChainage->max('chainage_to') ?? '' }}</b>
                                    </h5>
                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <h5><b class="highlight">{{ __('haorsys::haor.scheme_quantity') }}</b></h5>
                                </th>
                                <td>
                                    <h5>: <b>
                                            {{ app()->getLocale() == 'bn' ? numberEnToBn($pics->SubScheme->SubSchemeChainage->sum('total_chainage') ?? '') : $pics->SubScheme->SubSchemeChainage->sum('total_chainage') ?? '' }}</b>
                                    </h5>
                                </td>
                            </tr>
                        </table>
                    </div>

                </x-theme::layouts.backend.card>

            </div>
            <div class="col-xl-4">
                <x-theme::layouts.backend.card>

                    <div class="row">
                        <x-slot name="card_title">
                            <h5 @style('font-weight: bold;') class="text-light"><b>{{ __('haorsys::haor.budget_info') }}</b>
                            </h5>
                        </x-slot>
                        <table class="table bordered-buttum table-sm table-striped">
                            <tr>
                                <th width="25%">
                                    <h5><b class="highlight"> {{ __('haorsys::haor.year_end') }}</b></h5>
                                </th>
                                <td>
                                    <h5>:<b>{{ app()->getLocale() == 'bn' ? numberEnToBn($pics->year_end) : $pics->year_end }}</b>
                                    </h5>
                                </td>

                            </tr>
                            <tr>
                                <th width="25%">
                                    <h5><b class="highlight"> {{ __('haorsys::haor.estimated_amount') }}</b></h5>
                                </th>
                                <td>
                                    <h5>:<b>{{ app()->getLocale() == 'bn' ? numberEnToBn($pics->estimated_amount) : $pics->estimated_amount }}</b>
                                        {{ __('haorsys::haor.lakh_taka') }}</h5>
                                </td>

                            </tr>
                            <tr>
                                <th>
                                    <h5><b class="highlight">{{ __('haorsys::haor.approved_amount') }}</b></h5>
                                </th>
                                <td>
                                    <h5>:<b>{{ app()->getLocale() == 'bn' ? numberEnToBn($pics->approved_amount) : $pics->approved_amount }}</b>
                                        {{ __('haorsys::haor.lakh_taka') }}</h5>
                                </td>
                            </tr>


                        </table>
                    </div>

                </x-theme::layouts.backend.card>

            </div>
        </div>
        <x-theme::layouts.backend.card>
            <x-slot name="card_title">
                <h5 @style('font-weight: bold;') class="text-light"><b>{{ __('haorsys::haor.Pic_member_info') }}</b></h5>

            </x-slot>
            <h5><b>{{ __('haorsys::haor.project_implementation_commity_no') }}: {{ $pics->pic_no }}</b></h5>
            <div class="row">
                @foreach ($pics->PicMember as $pic)
                    <div class="col-xl-4">
                        <table class="table border table-sm mt-3 custom-table"
                            style="background-color: rgb(212, 229, 245); border-radius:5px;">
                            <tr>
                                <td style="width:21%">
                                    <h5><b class="highlight"> {{ __('haorsys::haor.member_no') }}</b></h5>
                                </td>
                                <td style="width:50%">
                                    <h5> : <b> {{ $loop->iteration }}</b></h5>
                                </td>
                                <td style="width:29%" rowspan="6">
                                    <img src="{{ $pic->image }}" height="150px" class="card-img-top" alt="..."
                                        style="margin-top: 22%;">
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <h5><b class="highlight">{{ __('haorsys::haor.member_name') }}</b></h5>
                                </td>
                                <td>
                                    <h5>: <b> {{ $pic->name }}</b></h5>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <h5><b class="highlight">{{ __('haorsys::haor.address') }}</b></h5>
                                </td>
                                <td>
                                    <h5>:<b> {{ $pic->union }}</b></h5>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <h5><b class="highlight">{{ __('haorsys::haor.occupation') }}</b></h5>
                                </td>
                                <td>
                                    <h5>:<b> {{$pic->occupation }} </b></h5>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <h5><b class="highlight">{{ __('haorsys::haor.designation_name_of_pic') }}</b></h5>
                                </td>
                                <td>
                                    <h5>:<b>
                                            {{ $pic->pic_designation == 1
                                                ? __('haorsys::haor.pic_president')
                                                : ($pic->pic_designation == 2
                                                    ? __('haorsys::haor.secretary')
                                                    : ($pic->pic_designation == 3
                                                        ? __('haorsys::haor.member')
                                                        : $pic->pic_designation)) }}
                                        </b></h5>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <h5><b class="highlight">{{ __('haorsys::haor.mobile_no') }}</b></h5>
                                </td>
                                <td>
                                    <h5>: <b> {{ $pic->mobile }}</b></h5>
                                </td>
                            </tr>
                        </table>
                    </div>
                @endforeach
            </div>

        </x-theme::layouts.backend.card>
    </x-theme::layouts.backend.container>
</div>