@extends('admin.layouts.app')

@section('title', 'Bulletin')

@section('content')
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <div class="d-sm-flex align-items-center justify-content-between">
                            <h4 class="mb-sm-0 font-size-18"><small> Ticket No.</small> <br>
                                <span class="text-primary">{{ $ticket->ticket_no }}</span> <button class="btn-primary btn-sm">
                                    <i class="fas fa-file-excel"> </i> Download Ticket</button>
                            </h4>

                            <h4 class="mb-sm-0 font-size-18"><small> Priority</small> <br>
                                <span class="badge rounded-pill bg-danger"> High</span>
                            </h4>

                            <h4 class="mb-sm-0 font-size-18"><small> Vehicel Condition</small> <br>
                                <span class="text-danger font-size-14">
                                    @if ($ticket->vehicle_condition == 'on_road')
                                        On Road
                                    @else
                                        Off Road
                                    @endif

                                </span>
                                <small class="font-size-10">Issue occured while <b>Riding </b> </small>
                            </h4>

                            <h4 class="mb-sm-0 font-size-18"><small> Status</small> <br>
                                <select class="form-select">
                                    <option>New</option>
                                    <option>Open</option>
                                    <option>Under Process</option>
                                    <option>Pending</option>
                                    <option>Closed</option>
                                </select>
                            </h4>


                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
                                    <li class="breadcrumb-item active"><small> Ticket No.</small>
                                        {{ $ticket->ticket_no }}
                                    </li>
                                </ol>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page title -->



        <div class="row">

            <div class="col-lg-4">
                <div class="card">


                    <!--                                 <div class="div2 pt-4 text-center">
                                                    <figure class="figure">
                                                      <img src="{{url('/')}}/assets/images/model-thumb/model1.png" class="figure-img img-fluid rounded w-50" alt="Model1">
                                                      <figcaption class="text-primary font-size-16 fw-bold">{{ $ticket->mname }}</figcaption>
                                                    </figure>
                                            </div> -->

                    <div class="card-body d-sm-flex  justify-content-between">
                        <div class="div1">
                            <ul class="list-unstyled">

                                <li> <small> Model Name </small> <br>
                                    <b>{{ $ticket->mname }}</b>
                                </li>
                                <li> <small> Vehicle Registration No. </small> <br>
                                    <b> {{ $ticket->vehicle_no }}</b>
                                </li>

                                <li> <small> Purchase Date </small> <br>
                                    <b> {{ $ticket->purchase_date }} </b>
                                </li>
                                <li> <small> KMS till Date </small> <br>
                                    <b> 524 </b>
                                </li>
                                <li> <small> Old Tickets </small> <br>
                                    <b> 02 </b>
                                </li>
                            </ul>
                        </div>

                        <div class="div3">
                            <ul class="list-unstyled">
                                <li> <small> Customer Name </small> <br>
                                    <b>{{ $ticket->name }} </b>
                                </li>
                                <li> <small> Mobile No.</small> <br>
                                    <b>{{ $ticket->mobile }} </b>
                                </li>
                                <li> <small> Email </small> <br>
                                    <b> {{ $ticket->email }} </b>
                                </li>
                            </ul>
                        </div>
                    </div>



                </div>


                <div class="card">
                    <div class="card-body d-sm-flex justify-content-between">
                        <ul class="list-unstyled">
                            <li> <small> Service Engineer Name </small> <br>
                                <b> {{ $executive->uname }} </b>
                            </li>
                            <li> <small> Region</small> <br>
                                <b> South </b>
                            </li>
                        </ul>
                        <ul class="list-unstyled">
                            <li> <small> Dealer Name </small> <br>
                                <b> Sai Service Bajaj </b>
                            </li>
                            <li> <small> Mobile No.</small> <br>
                                <b> 79727 03153 </b>
                            </li>
                            <li> <small> Email </small> <br>
                                <b> {{ $executive->email }} </b>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>

            <div class="col-lg-8">



                <div class="card">
                    <div class="card-body">
                        <div class="accordion" id="accordionExample">
                            @foreach ($issues as $issue)
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingOne-{{ $issue->id }}">
                                        <button class="accordion-button fw-medium collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseOne-{{ $issue->id }}"
                                            aria-expanded="false" aria-controls="collapseOne-{{ $issue->id }}">
                                            {{ $issue->iname }} ({{ $issue->itype }})<span
                                                class="badge rounded-pill bg-warning text-dark"> Pending
                                            </span>
                                            <span type="button" class="mx-2 btn btn-sm  position-relative">
                                                <i class="fab fa-rocketchat"></i> Chat
                                                <span
                                                    class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-primary">
                                                    09+
                                                    <span class="visually-hidden">unread messages</span>
                                                </span>
                                            </span>
                                        </button>
                                    </h2>
                                    <div id="collapseOne-{{ $issue->id }}" class="accordion-collapse collapse"
                                        aria-labelledby="headingOne-{{ $issue->id }}" data-bs-parent="#accordionExample"
                                        style="">
                                        <div class="accordion-body">
                                            <!-- Nav tabs -->
                                            <ul class="nav nav-tabs" role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link active" data-bs-toggle="tab"
                                                        href="#home-{{ $issue->id }}" role="tab"
                                                        aria-selected="false">
                                                        <span class="d-block d-sm-none"><i
                                                                class="fas fa-info-circle"></i></span>
                                                        <span class="d-none d-sm-block">Details</span>
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a data-issue="{{ $issue->id }}" class="nav-link"
                                                        data-bs-toggle="tab" href="#profile-{{ $issue->id }}"
                                                        role="tab" aria-selected="false">
                                                        <span class="d-block d-sm-none"><i
                                                                class="far fa-envelope"></i></span>
                                                        <span class="d-none d-sm-block">Chat with Dealer (04)</span>
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" data-bs-toggle="tab"
                                                        href="#messages-{{ $issue->id }}" role="tab"
                                                        aria-selected="false">
                                                        <span class="d-block d-sm-none"><i
                                                                class="far fa-envelope"></i></span>
                                                        <span class="d-none d-sm-block">Chat Chetak Team (05)</span>
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" data-bs-toggle="tab"
                                                        href="#timeline-{{ $issue->id }}" role="tab"
                                                        aria-selected="false">
                                                        <span class="d-block d-sm-none"><i
                                                                class="far fa-clock-o"></i></span>
                                                        <span class="d-none d-sm-block">Issue Journey</span>
                                                    </a>
                                                </li>
                                            </ul>

                                            <!-- Tab panes -->
                                            <div id="{{ $issue->id }}" class="tab-content p-3 text-muted">
                                                <div class="tab-pane active" id="home-{{ $issue->id }}"
                                                    role="tabpanel">
                                                    <div class="mb-0">
                                                        <p>
                                                            <small> <b> Assigned to : </b> </small> <br> Rajendra Patil
                                                            (R
                                                            &amp; D)
                                                        </p>
                                                        <div class="dropdown">
                                                            <button class="btn btn-primary btn-sm dropdown-toggle"
                                                                type="button" id="dropdownMenuButton1"
                                                                data-bs-toggle="dropdown" aria-expanded="false">
                                                                Asign to
                                                            </button>
                                                            <ul class="dropdown-menu"
                                                                aria-labelledby="dropdownMenuButton1">
                                                                <li><a class="dropdown-item" href="#">Action</a>
                                                                </li>
                                                                <li><a class="dropdown-item" href="#">Another
                                                                        action</a>
                                                                </li>
                                                                <li><a class="dropdown-item" href="#">Something
                                                                        else
                                                                        here</a></li>
                                                            </ul>
                                                        </div>
                                                        <p></p>
                                                        <p>
                                                            <small> <b> Issue Type : </b> </small> <br> Electricle
                                                        </p>
                                                        <p>
                                                            <small> <b> Issue Description : </b> </small><br> Battery
                                                            Over
                                                            Heating
                                                        </p>
                                                        <p>
                                                            <small> <b> DTC: </b> </small> <br>

                                                        </p>
                                                        <ol class="font-size-11">
                                                            <li> DTC0002 - Description Comes here </li>
                                                            <li> DTC0002 - Description Comes here </li>
                                                            <li> DTC0002 - Description Comes here </li>
                                                        </ol>
                                                        <p></p>
                                                        <p></p>
                                                        <p>
                                                            <small> <b> Customer Voice : </b> </small> <br>Lorem Ipsum
                                                            is
                                                            simply
                                                            dummy text of the printing and typesetting industry. Lorem
                                                            Ipsum
                                                            has
                                                            been the industry's standard dummy text ever since the
                                                            1500s,
                                                            when
                                                            an unknown printer took a galley of type and scrambled it to
                                                            make a
                                                            type specimen book. <a href="#">abc0001.amr <i
                                                                    class="mdi mdi-volume-high"> </i></a>
                                                        </p>
                                                        <p>
                                                            <small> <b> Workshop Observations : </b> </small> <br>Lorem
                                                            Ipsum is
                                                            simply dummy text of the printing and typesetting industry.
                                                            Lorem
                                                            Ipsum has been the industry's standard dummy text ever since
                                                            the
                                                            1500s, when an unknown printer took a galley of type and
                                                            scrambled
                                                            it to make a type specimen book.
                                                        </p>
                                                        <p>
                                                            <small> <b> Attachments : </b> </small> <br>




                                                        </p>
                                                        <h6> Images </h6>

                                                        <!-- attachment gallery start -->

                                                        <section class="image-grid">
                                                            <div class="container-xxl">
                                                                <div class="row gy-4 text-center">
                                                                    <div class="col-12 col-sm-6 col-md-4">
                                                                        <figure>
                                                                            <a class="d-block" href="">
                                                                                <img width="1920" height="1280"
                                                                                    src="https://assets.codepen.io/162656/ireland1.jpg"
                                                                                    class="img-fluid"
                                                                                    alt="Ring of Kerry, County Kerry, Ireland"
                                                                                    data-caption="Ring of Kerry, County Kerry, Ireland">
                                                                            </a>
                                                                            Ring of Kerry, County Kerry, Ireland
                                                                        </figure>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-4">
                                                                        <figure>
                                                                            <a class="d-block" href="">
                                                                                <img width="1920" height="1280"
                                                                                    src="https://assets.codepen.io/162656/ireland2.jpg"
                                                                                    class="img-fluid"
                                                                                    alt="Fintown, Ireland"
                                                                                    data-caption="Fintown, Ireland">
                                                                            </a>
                                                                            Ring of Kerry, County Kerry, Ireland
                                                                        </figure>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-4">
                                                                        <figure>
                                                                            <a class="d-block" href="">
                                                                                <img width="1920" height="1280"
                                                                                    src="https://assets.codepen.io/162656/ireland3.jpg"
                                                                                    class="img-fluid"
                                                                                    alt="Anne Street, Dublin, Ireland"
                                                                                    data-caption="Anne Street, Dublin, Ireland">
                                                                            </a>
                                                                            Ring of Kerry, County Kerry, Ireland
                                                                        </figure>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-4">
                                                                        <figure>
                                                                            <a class="d-block" href="">
                                                                                <img width="1920" height="1280"
                                                                                    src="https://assets.codepen.io/162656/ireland4.jpg"
                                                                                    class="img-fluid"
                                                                                    alt="Doonagore Castle, Doolin, Ireland"
                                                                                    data-caption="Doonagore Castle, Doolin, Ireland">
                                                                            </a>
                                                                            Ring of Kerry, County Kerry, Ireland
                                                                        </figure>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-4">
                                                                        <figure>
                                                                            <a class="d-block" href="">
                                                                                <img width="1920" height="1280"
                                                                                    src="https://assets.codepen.io/162656/ireland5.jpg"
                                                                                    class="img-fluid"
                                                                                    alt="Connemara National Park, Letterfrack, Ireland"
                                                                                    data-caption="Connemara National Park, Letterfrack, Ireland">
                                                                            </a>
                                                                            Ring of Kerry, County Kerry, Ireland
                                                                        </figure>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-4">
                                                                        <figure>
                                                                            <a class="d-block" href="">
                                                                                <img width="1920" height="1280"
                                                                                    src="https://assets.codepen.io/162656/ireland6.jpg"
                                                                                    class="img-fluid"
                                                                                    alt="Galway, Ireland"
                                                                                    data-caption="Galway, Ireland">
                                                                            </a>
                                                                            Ring of Kerry, County Kerry, Ireland
                                                                        </figure>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-4">
                                                                        <figure>
                                                                            <a class="d-block" href="">
                                                                                <img width="1920" height="1280"
                                                                                    src="https://assets.codepen.io/162656/ireland7.jpg"
                                                                                    class="img-fluid"
                                                                                    alt="Connemara National Park, Letterfrack, Ireland"
                                                                                    data-caption="Connemara National Park, Letterfrack, Ireland">
                                                                            </a>
                                                                            Ring of Kerry, County Kerry, Ireland
                                                                        </figure>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-4">
                                                                        <figure>
                                                                            <a class="d-block" href="">
                                                                                <img width="1920" height="1280"
                                                                                    src="https://assets.codepen.io/162656/ireland8.jpg"
                                                                                    class="img-fluid"
                                                                                    alt="The Forty Foot, Dublin 18, Ireland"
                                                                                    data-caption="The Forty Foot, Dublin 18, Ireland">
                                                                            </a>
                                                                            Ring of Kerry, County Kerry, Ireland
                                                                        </figure>
                                                                    </div>
                                                                    <div class="col-12 col-sm-6 col-md-4">
                                                                        <figure>
                                                                            <a class="d-block" href="">
                                                                                <img width="1920" height="1280"
                                                                                    src="https://assets.codepen.io/162656/ireland9.jpg"
                                                                                    class="img-fluid"
                                                                                    alt="Coliemore Harbour, Dublin, Ireland"
                                                                                    data-caption="Coliemore Harbour, Dublin, Ireland">
                                                                            </a>
                                                                            Ring of Kerry, County Kerry, Ireland
                                                                        </figure>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </section>
                                                        <!-- image gallery end -->


                                                        <section class="my-4">
                                                            <h6> Videos </h6>
                                                        </section>




                                                        <section class="my-4">
                                                            <h6> Documents </h6>
                                                        </section>






                                                        <p></p>
                                                    </div>
                                                </div>
                                                <div class="tab-pane" id="profile-{{ $issue->id }}" role="tabpanel">
                                                    <p class="mb-0">
                                                    </p>

                                                    <div class="card">
                                                        <div class="p-3 px-lg-4 border-bottom">
                                                            <div class="row">
                                                                <div class="col-xl-4 col-7">
                                                                    <div class="d-flex align-items-center">
                                                                        <div
                                                                            class="flex-shrink-0 avatar-sm me-3 d-sm-block d-none">
                                                                            <img src="assets/images/users/avatar-2.jpg"
                                                                                alt=""
                                                                                class="img-fluid d-block rounded-circle">
                                                                        </div>
                                                                        <div class="flex-grow-1">
                                                                            <h5 class="font-size-14 mb-1 text-truncate">
                                                                                <a href="#" class="text-dark">Jennie
                                                                                    Sherlock</a>
                                                                            </h5>
                                                                            <p class="text-muted text-truncate mb-0">
                                                                                Online
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-8 col-5">
                                                                    <ul class="list-inline user-chat-nav text-end mb-0">
                                                                        <li class="list-inline-item">
                                                                            <div class="dropdown">
                                                                                <button class="btn nav-btn dropdown-toggle"
                                                                                    type="button"
                                                                                    data-bs-toggle="dropdown"
                                                                                    aria-haspopup="true"
                                                                                    aria-expanded="false">
                                                                                    <i class="bx bx-search"></i>
                                                                                </button>
                                                                                <div
                                                                                    class="dropdown-menu dropdown-menu-end dropdown-menu-md p-2">
                                                                                    <form class="px-2">
                                                                                        <div>
                                                                                            <input type="text"
                                                                                                class="form-control border bg-soft-light"
                                                                                                placeholder="Search...">
                                                                                        </div>
                                                                                    </form>
                                                                                </div>
                                                                            </div>
                                                                        </li>

                                                                        <li class="list-inline-item">
                                                                            <div class="dropdown">
                                                                                <button class="btn nav-btn dropdown-toggle"
                                                                                    type="button"
                                                                                    data-bs-toggle="dropdown"
                                                                                    aria-haspopup="true"
                                                                                    aria-expanded="false">
                                                                                    <i
                                                                                        class="bx bx-dots-horizontal-rounded"></i>
                                                                                </button>
                                                                                <div
                                                                                    class="dropdown-menu dropdown-menu-end">
                                                                                    <a class="dropdown-item"
                                                                                        href="#">Profile</a>
                                                                                    <a class="dropdown-item"
                                                                                        href="#">Archive</a>
                                                                                    <a class="dropdown-item"
                                                                                        href="#">Muted</a>
                                                                                    <a class="dropdown-item"
                                                                                        href="#">Delete</a>
                                                                                </div>
                                                                            </div>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div id="chat-conversation-{{ $issue->id }}"
                                                            class="chat-conversation p-3" data-simplebar="init"
                                                            style="max-height: 550px;overflow:auto">
                                                            <div class="simplebar-wrapper" style="margin: -16px;">
                                                                <div class="simplebar-height-auto-observer-wrapper">
                                                                    <div class="simplebar-height-auto-observer"></div>
                                                                </div>
                                                                <div class="simplebar-mask">
                                                                    <div class="simplebar-offset"
                                                                        style="right: -16.6667px; bottom: 0px;">
                                                                        <div class="simplebar-content-wrapper"
                                                                            style="height: auto; overflow: hidden scroll;">
                                                                            <div class="simplebar-content"
                                                                                style="padding: 16px;">

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="simplebar-placeholder"
                                                                    style="width: auto; height: 740px;"></div>
                                                            </div>
                                                            <div class="simplebar-track simplebar-horizontal"
                                                                style="visibility: hidden;">
                                                                <div class="simplebar-scrollbar"
                                                                    style="transform: translate3d(0px, 0px, 0px); display: none;">
                                                                </div>
                                                            </div>
                                                            <div class="simplebar-track simplebar-vertical"
                                                                style="visibility: visible;">
                                                                <div class="simplebar-scrollbar"
                                                                    style="height: 408px; transform: translate3d(0px, 142px, 0px); display: block;">
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="p-3 border-top">

                                                            <form class="row">


                                                                <div class="col">
                                                                    <input type="hidden" name="issue_id"
                                                                        value="{{ $issue->id }}">
                                                                    <input type="hidden" name="recipients"
                                                                        value="{{ $reciepent_id }}">
                                                                    <input type="hidden" name="subject"
                                                                        value="subject-{{ $issue->id }}">
                                                                    <div class="attachment-preview">

                                                                    </div>
                                                                    <div class="position-relative">
                                                                        <input id="message-{{ $issue->id }}"
                                                                            name="message" type="text"
                                                                            class="form-control border bg-soft-light"
                                                                            placeholder="Enter Message...">
                                                                    </div>

                                                                    <input type="file" class="file-attachment"
                                                                        name="attachment" style="display:none">
                                                                </div>
                                                                <div class="col-auto send-section">
                                                                    <div class="attachment">
                                                                        <svg width="24px" height="24px"
                                                                            viewBox="0 0 24 24" class="GfYBMd IB1Cob">
                                                                            <path
                                                                                d="M4,15h2v3h12v-3h2v3c0,1.1-0.9,2-2,2H6c-1.1,0-2-0.9-2-2V15z M8.4,10.4L11,7.8V16h2V7.8l2.6,2.6L17,9l-5-5  L7,9L8.4,10.4z">
                                                                            </path>
                                                                        </svg>
                                                                    </div>

                                                                    <button type="button"
                                                                        class="btn btn-primary chat-send w-md waves-effect waves-light">
                                                                        <div class="spinner-border text-dark" role="status">
  <span class="sr-only">Loading...</span>
</div>

                                                                        <span
                                                                            class="d-none d-sm-inline-block me-2">Send</span>
                                                                        <i class="mdi mdi-send float-end"></i></button>
                                                                </div>

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

                                                    <p></p>
                                                </div>
                                                <div class="tab-pane" id="messages-{{ $issue->id }}" role="tabpanel">
                                                    <p class="mb-0">
                                                        Etsy mixtape wayfarers, ethical wes anderson tofu before they
                                                        sold out mcsweeney's organic lomo retro fanny pack lo-fi
                                                        farm-to-table readymade. Messenger bag gentrify pitchfork
                                                        tattooed craft beer, iphone skateboard locavore carles etsy
                                                        salvia banksy hoodie helvetica. DIY synth PBR banksy irony.
                                                        Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh
                                                        mi whatever gluten yr.
                                                    </p>
                                                </div>


                                                <div class="tab-pane" id="timeline-{{ $issue->id }}" role="tabpanel">
                                                    <p class="mb-0">

                                                    </p>
                                                    <ul class="timeline">
                                                        <li>
                                                            <div class="timeline-badge warning">
                                                                <i class="fas fa-dot-circle"></i>
                                                            </div>
                                                            <div class="timeline-panel">
                                                                <div class="timeline-heading">
                                                                    <h5 class="timeline-title">Vishal Tiwari <br>
                                                                        <small class="fst-italic"> DSE </small>
                                                                    </h5>
                                                                    <p>
                                                                        <small class="text-muted">
                                                                            <i class="fas fa-calendar-alt"></i>
                                                                            20 Sept 2023, 12:23 PM <br>
                                                                            <i class="fas fa-user-clock"> </i> 00 Days,
                                                                            00:00
                                                                            Hrs
                                                                        </small>
                                                                    </p>
                                                                </div>
                                                                <div class="timeline-body">
                                                                    <h6 class="text-warning">Issue Raised </h6>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="timeline-inverted">
                                                            <div class="timeline-badge primary">
                                                                <i class="fas fa-dot-circle"></i>
                                                            </div>
                                                            <div class="timeline-panel">
                                                                <div class="timeline-heading">
                                                                    <h5 class="timeline-title">Jayprakash Sharma<br>
                                                                        <small class="fst-italic"> ASM (L1) </small>
                                                                    </h5>
                                                                    <p>
                                                                        <small class="text-muted">
                                                                            <i class="fas fa-calendar-alt"></i>
                                                                            20 Sept 2023, 12:23 PM <br>
                                                                            <i class="fas fa-user-clock"> </i> 00 Days,
                                                                            00:00
                                                                            Hrs
                                                                        </small>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="timeline-badge primary">
                                                                <i class="fas fa-dot-circle"></i>
                                                            </div>
                                                            <div class="timeline-panel">
                                                                <div class="timeline-heading">
                                                                    <h5 class="timeline-title">Nilesh Mestry<br> <small
                                                                            class="fst-italic"> R&amp;D (L2) </small>
                                                                    </h5>
                                                                    <p>
                                                                        <small class="text-muted">
                                                                            <i class="fas fa-calendar-alt"></i>
                                                                            20 Sept 2023, 12:23 PM <br>
                                                                            <i class="fas fa-user-clock"> </i> 00 Days,
                                                                            00:00
                                                                            Hrs
                                                                        </small>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </li>
                                                        <li class="timeline-inverted">
                                                            <div class="timeline-badge success">
                                                                <i class="fas fa-dot-circle"></i>
                                                            </div>
                                                            <div class="timeline-panel">
                                                                <div class="timeline-panel">
                                                                    <div class="timeline-heading">
                                                                        <h5 class="timeline-title">Vishal Tiwari <br>
                                                                            <small class="fst-italic"> DSE </small>
                                                                        </h5>
                                                                        <p>
                                                                            <small class="text-muted">
                                                                                <i class="fas fa-calendar-alt"></i>
                                                                                20 Sept 2023, 12:23 PM <br>
                                                                                <i class="fas fa-user-clock"> </i> 00
                                                                                Days,
                                                                                00:00 Hrs
                                                                            </small>
                                                                        </p>
                                                                    </div>
                                                                    <div class="timeline-body">
                                                                        <h6 class="text-success">Issue Resolved </h6>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>

                                                    <p></p>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach

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

        </div>

    </div>
    <script>
      var url = '{!! url('/') !!}';
    </script>
<!-- JAVASCRIPT -->
        <script src="{{url('/')}}/assets/libs/jquery/jquery.min.js"></script>
        <script src="{{url('/')}}/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="{{url('/')}}/assets/libs/metismenu/metisMenu.min.js"></script>
        <script src="{{url('/')}}/assets/libs/simplebar/simplebar.min.js"></script>
        <script src="{{url('/')}}/assets/libs/node-waves/waves.min.js"></script>
        <script src="{{url('/')}}/assets/libs/feather-icons/feather.min.js"></script>
        <!-- pace js -->
        <script src="{{url('/')}}/assets/libs/pace-js/pace.min.js"></script>

        <!-- apexcharts -->
        <script src="{{url('/')}}/assets/libs/apexcharts/apexcharts.min.js"></script>

        <!-- Plugins js-->
        <script src="{{url('/')}}/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
        <script src="{{url('/')}}/assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js"></script>
        <!-- dashboard init -->
        <script src="{{url('/')}}/assets/js/pages/dashboard.init.js"></script>

        <script src="{{url('/')}}/assets/js/app.js"></script>
         <script src="{{url('/')}}/assets/js/chat.js"></script>
@endsection