@php
    $breadcrumb = [
        ['label' => 'Dashboard', 'url' => route('admin.dashboard')],
        ['label' => 'Team', 'url' => route('admin.team')],
        ['label' => 'View member']
    ];
@endphp
@extends('admin.layouts.app')
@section('title', 'Member details')
@section('content')
<div class="card shadow-lg mx-4 card-profile-bottom">
    <div class="card-body p-3">
        <div class="row gx-4">
            <div class="col-auto">
                <div class="avatar avatar-xl position-relative d-flex align-items-center">
                    <img src="{{ $team->image ? asset('storage/'.$team->image) : 'https://blocks.astratic.com/img/general-img-landscape.png' }}" style="object-fit: cover;" alt="profile_image" class="w-100 h-100 border-radius-lg shadow-sm object-cover" />
                </div>
            </div>
            <div class="col-auto my-auto">
                <div class="h-100">
                    <h5 class="mb-1">
                        {{ $team->name }}
                    </h5>
                    <p class="mb-0 font-weight-bold text-sm">
                        {{ $team->designation }}
                    </p>
                </div>
            </div>
            <div class="col-lg-2 col-md-2 my-sm-auto ms-sm-auto me-sm-0 mx-auto mt-3">
                <a class="nav-link mb-0 px-0 py-1 active d-flex align-items-center justify-content-center" href="/admin/team/edit/{{base64_encode($team->id)}}" role="tab" aria-selected="true">
                    <i class="fa-solid fa-pen-nib"></i>
                    <span class="ms-2">Edit</span>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">

                    <p class="text-uppercase text-sm">Team Member Information</p>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="member-name" class="form-control-label">Full Name </label>
                                <input readonly class="form-control" type="text" id="member-name" value=" {{ $team->name }}" />
                                <input type="hidden" id="member-id" value=" {{ $team->id }}" />
                                <span id="nameError" class="text-danger customError text-sm" style="display:none;">Please enter the name.</span>
                                <span id="nameError2" class="text-danger customError text-sm" style="display:none;">Please enter a valid name.</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="member_type" class="form-control-label">Select Type</label>
                                <select disabled class="form-control" name="member_type" id="member_type">
                                    <option disabled selected hidden value="">Select Type</option>
                                    <option {{ old('type', $team->type) == 'our_team' ? 'selected' : '' }}  value="our_team">Our Team</option>
                                    <option {{ old('type', $team->type) == 'associate_practitioners' ? 'selected' : '' }}  value="associate_practitioners">Associate Practitioners</option>
                                    <option {{ old('type', $team->type) == 'operational_backbone' ? 'selected' : '' }}  value="operational_backbone">Operational Backbone</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="designation" class="form-control-label">Designation </label>
                                <select disabled class="form-control" name="designation" id="designation">
                                    <option disabled {{ old('designation', $team->designation) ? '' : 'selected' }} hidden value="">Select Designation</option>
                                    <option {{ old('designation', $team->designation) == 'Advocate' ? 'selected' : '' }} value="Advocate">Advocate</option>
                                    <option {{ old('designation', $team->designation) == 'Legal Advisor / Counsel' ? 'selected' : '' }} value="Legal Advisor / Counsel">Legal Advisor / Counsel</option>
                                    <option {{ old('designation', $team->designation) == 'Notary Public' ? 'selected' : '' }} value="Notary Public">Notary Public</option>
                                    <option {{ old('designation', $team->designation) == 'Public Prosecutor' ? 'selected' : '' }} value="Public Prosecutor">Public Prosecutor</option>
                                    <option {{ old('designation', $team->designation) == 'Solicitor' ? 'selected' : '' }} value="Solicitor">Solicitor</option>
                                </select>
                                <span id="designationError" class="text-danger customError text-sm" style="display:none;">Please select the designation.</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="qualification" class="form-control-label">Qualification </label>
                                <select class="form-control" name="qualification" id="qualification" disabled>
                                    <option disabled {{ old('qualification', $team->qualification ?? '') == '' ? 'selected' : '' }} hidden value="">Select Qualification</option>
                                    <option value="LL.B (Bachelor of Laws)" {{ old('qualification', $team->qualification ?? '') == 'LL.B (Bachelor of Laws)' ? 'selected' : '' }}>LL.B (Bachelor of Laws)</option>
                                    <option value="B.A. LL.B / B.Com LL.B" {{ old('qualification', $team->qualification ?? '') == 'B.A. LL.B / B.Com LL.B' ? 'selected' : '' }}>B.A. LL.B / B.Com LL.B</option>
                                    <option value="LL.M (Master of Laws)" {{ old('qualification', $team->qualification ?? '') == 'LL.M (Master of Laws)' ? 'selected' : '' }}>LL.M (Master of Laws)</option>
                                    <option value="Ph.D. in Law" {{ old('qualification', $team->qualification ?? '') == 'Ph.D. in Law' ? 'selected' : '' }}>Ph.D. in Law</option>
                                    <option value="AIBE (All India Bar Exam)" {{ old('qualification', $team->qualification ?? '') == 'AIBE (All India Bar Exam)' ? 'selected' : '' }}>AIBE (All India Bar Exam)</option>
                                    <option value="Notary License" {{ old('qualification', $team->qualification ?? '') == 'Notary License' ? 'selected' : '' }}>Notary License</option>
                                    <option value="B.Com" {{ old('qualification', $team->qualification ?? '') == 'B.Com' ? 'selected' : '' }}>B.Com</option>
                                    <option value="Company Secretary (CS)" {{ old('qualification', $team->qualification ?? '') == 'Company Secretary (CS)' ? 'selected' : '' }}>Company Secretary (CS)</option>
                                    <option value="Chartered Accountant (CA)" {{ old('qualification', $team->qualification ?? '') == 'Chartered Accountant (CA)' ? 'selected' : '' }}>Chartered Accountant (CA)</option>
                                    <option value="Cost and Management Accountant (CMA)" {{ old('qualification', $team->qualification ?? '') == 'Cost and Management Accountant (CMA)' ? 'selected' : '' }}>Cost and Management Accountant (CMA)</option>
                                    <option value="Diploma in Corporate Laws" {{ old('qualification', $team->qualification ?? '') == 'Diploma in Corporate Laws' ? 'selected' : '' }}>Diploma in Corporate Laws</option>
                                    <option value="Post Graduate Diploma in Business Law (PGDBL)" {{ old('qualification', $team->qualification ?? '') == 'Post Graduate Diploma in Business Law (PGDBL)' ? 'selected' : '' }}>Post Graduate Diploma in Business Law (PGDBL)</option>
                                    <option value="LL.M in Corporate and Commercial Law" {{ old('qualification', $team->qualification ?? '') == 'LL.M in Corporate and Commercial Law' ? 'selected' : '' }}>LL.M in Corporate and Commercial Law</option>
                                    <option value="Diploma in Intellectual Property Rights (IPR)" {{ old('qualification', $team->qualification ?? '') == 'Diploma in Intellectual Property Rights (IPR)' ? 'selected' : '' }}>Diploma in Intellectual Property Rights (IPR)</option>
                                    <option value="Diploma in Cyber Law" {{ old('qualification', $team->qualification ?? '') == 'Diploma in Cyber Law' ? 'selected' : '' }}>Diploma in Cyber Law</option>
                                    <option value="Diploma in Taxation Laws" {{ old('qualification', $team->qualification ?? '') == 'Diploma in Taxation Laws' ? 'selected' : '' }}>Diploma in Taxation Laws</option>
                                    <option value="Certified Compliance Professional" {{ old('qualification', $team->qualification ?? '') == 'Certified Compliance Professional' ? 'selected' : '' }}>Certified Compliance Professional</option>
                                    <option value="MBA in Business Law" {{ old('qualification', $team->qualification ?? '') == 'MBA in Business Law' ? 'selected' : '' }}>MBA in Business Law</option>
                                    <option value="LL.M in International Business Law" {{ old('qualification', $team->qualification ?? '') == 'LL.M in International Business Law' ? 'selected' : '' }}>LL.M in International Business Law</option>
                                </select>
                                <span id="qualificationError" class="text-danger customError text-sm" style="display:none;">Please select the qualification.</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="expertise" class="form-control-label">Select Expertise</label>
                                <select name="expertise[]" id="expertise" class="form-control select2" multiple>
                                    @php
                                    $selectedExpertise = old('expertise', $team->expertise ?? []);
                                    if (is_string($selectedExpertise)) {
                                    $selectedExpertise = json_decode($selectedExpertise, true);
                                    }
                                    @endphp
                                    @foreach ($Expertise as $e)
                                    <option value="{{ $e['name'] }}"
                                        {{ in_array($e['name'], $selectedExpertise ?? []) ? 'selected' : '' }}>
                                        {{ $e['name'] }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <hr class="horizontal dark" />
                    <p class="text-uppercase text-sm">Contact Information</p>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="email" class="form-control-label">Email </label>
                                <input readonly class="form-control" type="text" id="email" name="email" value="{{ $team->email }}" />
                                <span id="emailError" class="text-danger customError text-sm" style="display:none;">Please enter an email.</span>
                                <span id="emailError2" class="text-danger customError text-sm" style="display:none;">Please enter a valid email.</span>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="contact" class="form-control-label">Contact</label>
                                <input readonly class="form-control" type="text" id="contact" value="{{ $team->contact }}" />
                            </div>
                        </div>
                        <div class="col-md-4 d-none">
                            <div class="form-group">
                                <label for="m_link " class="form-control-label">Member Link</label>
                                <input readonly class="form-control" type="text" id="m_link" name="m_link"  value="{{ $team->member_link }}"/>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="fb_link" class="form-control-label">Facebook</label>
                                <input readonly class="form-control" type="text" id="fb_link" name="fb_link" value="{{ $team->facebook_link }}" />
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="li_link" class="form-control-label">LinkedIn</label>
                                <input readonly class="form-control" type="text" id="li_link" name="li_link" value="{{ $team->linkedin_link }}"/>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="x_link" class="form-control-label">X</label>
                                <input readonly class="form-control" type="text" id="x_link" name="x_link" value="{{ $team->x_link }}" />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="address" class="form-control-label">Address</label>
                                <input readonly class="form-control" type="text" id="address" value="{{ $team->address }}"  />
                            </div>
                        </div>
                    </div>
                    <hr class="horizontal dark" />
                    <p class="text-uppercase text-sm">About member</p>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label for="summarytext" class="form-control-label">Summary</label>
                                <textarea id="summarytext" name="summarytext">{{$team->summary}}</textarea>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</div>
@endsection

@push('scripts')
<script src="{{ asset('backend/assets/tinymce/tinymce.min.js')}}"></script>
<script src="{{ asset('backend/assets/tinymce/jquery.tinymce.min.js')}}"></script>
<script>
    tinymce.init({
        selector: '#summarytext',
        readonly: true
    });
</script>
<script>
    $('.select2').prop('disabled', true);
    $(document).ready(function() {
        $('.select2').select2({
            placeholder: "Choose expertise",
            allowClear: true
        });
    });
</script>
@endpush