@extends('layouts.app')

@section('content')
    <div class="card w-4/5">
        <div class="card-head">
            <div class="font-semibold text-cyan-900 uppercase">
                <i class="fal fa-users-class mr-1"></i>
                Personne Morale @if(!empty($tiers->id_tiers)): <span class="text-orange-500">{{$tiers->id_tiers}}</span>@endif
            </div>
            <div class="space-x-2 text-gray-500">
                <a href="{{route('tiers.index')}}" class="hover:text-orange-500">
                    <i class="fal fa-list fa-lg"></i>
                </a>
                <a href="{{ route('tiers.edit', [
                    'id_tiers'  =>$id_tiers,
                    'type_tiers'=>strtolower($type_tiers)]) }}" class="hover:text-orange-500">
                    <i class="fal fa-edit fa-lg"></i>
                </a>
                <a href="#" class="hover:text-orange-500">
                    <i class="fal fa-print fa-lg"></i>
                </a>
            </div>
        </div>
        <div class="card-body">
            <x-alert/>
            <div class="flex items-center justify-center text-xl mb-3 font-bold pl-10 text-white text-opacity-50 py-2 bg-cyan-800">
               {{$tiers->nom_tiers}} @if($tiers->prenom_tiers)({{$tiers->prenom_tiers}})@endif
            </div>
            <div class="card-content space-y-4">
                <div class="pt-5">@php
                    $groups = [
                        1=>"Informations principales",
                        2=>"Autres informations"
                    ];
                @endphp
                @foreach($groups as $key=>$group)
                <div class="flex bg-gray-500 bg-opacity-20 pl-5 py-1 mb-3 text-gray-500 font-semibold">
                    {{$group}}
                </div>
                <div class="flex flex-col md:w-full lg:flex-row  lg:flex-wrap">
                    @foreach ($fields as $name => $attribues)
                    @php $attribue_group = !empty($attribues->group)? $attribues->group : null @endphp
                        @if($attribue_group == $key)
                        <div class="w-full lg:w-2/4 pr-3 mb-2">
                            <x-show>
                                <x-slot name="label">
                                    {{ !empty($attribues->label) ? $attribues->label : $name }}
                                </x-slot>
                                @switch($attribues->type)
                                    @case('date')
                                        {{(new DateTime($attribues->value))->format('d/m/Y')}}
                                        @break
                                    @case('select')
                                        {{ $attribues->value }} :
                                            @if(key_exists($attribues->value,$attribues->options))
                                                {{$attribues->options[$attribues->value]}}
                                            @endif
                                        @break
                                    @default
                                    {{$attribues->value}}
                                @endswitch
                            </x-show>
                        </div>
                        @endif
                    @endforeach
                </div>
                @endforeach
                </div>
            </div>
        </div>
    </div>
@endsection