@extends('layouts.admin_template')
@section('content')
    <div class="container-fluid px-3 px-xxl-5 pt-5">
        <div class="titel-head pb-2 d-flex justify-content-between align-items-center">
            <h1 class="ms-4 mb-0">@lang('translate.single_lead')</h1>
        </div>
        <div class="flash-message">
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if (Session::has('alert-' . $msg))
                    <div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
                        <strong>{{ ucfirst($msg == 'danger' ? 'Error' : $msg) }}!</strong>
                        {{ Session::get('alert-' . $msg) }}
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                @endif
            @endforeach
        </div>
        <div class="user-details referral-tab mt-4 mb-5">
            <nav class="d-flex d-flex justify-content-between align-items-center">
                <div class="nav nav-tabs" id="nav-tab" role="tablist">
                    <button class="nav-link active" id="lead-details-tab" data-bs-toggle="tab"
                        data-bs-target="#lead-details" type="button" role="tab" aria-controls="lead-details"
                        aria-selected="true"><span>@lang('translate.lead_details')</span></button>
                    @if ($lead->convert == 0)
                        <button class="nav-link" id="notes-tab" data-bs-toggle="tab" data-bs-target="#notes" type="button"
                            role="tab" aria-controls="notes" aria-selected="false"><span>@lang('translate.notes')</button>
                        <button class="nav-link" id="reminders-tab" data-bs-toggle="tab" data-bs-target="#reminders"
                            type="button" role="tab" aria-controls="reminders"
                            aria-selected="false"><span>@lang('translate.reminders')</button>
                    @endif
                </div>
            </nav>
            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade show active" id="lead-details" role="tabpanel" aria-labelledby="lead-details-tab">
                    <div class="row mb-3 d-flex justify-content-center">
                        <div class="col-lg-10">
                            <div class="bg-dark rounded-3 p-4 p-xl-5 p-xxl-5 mt-3">
                                @if ($lead->salesid)