<div style="max-width: 800px;" class="mx-auto">
    <div class="panel mb-0 rounder-0">
        <div class="panel-hdr">
            <h2>Appoiment Detail</h2>
        </div>
        <div class="panel-container">
            <div class="panel-content">

                <div class="row">
                <div class="col-md-4">
                    <h6 >Title</h6>
                    <h6>{$event->title}</h6>
                </div>
                <div class="col-md-4">
                    <h6 >Type</h6>
                    <p >{$app_type}</p>
                </div>
                <div class="col-md-4">
                    <h6 >Agent</h6>
                    <p >{$agente}</p>
                </div>
                <div class="col-md-6" id="start_time_div">
                    <h6 >{$_L['Start Time']}</h6>
                    <p >{date('D, M d Y, h:i A',strtotime($event->start_time))} </p>
                </div>


                <div class="col-md-6">
                    <h6 >{$_L['End Date']}</h6>
                    <p >{date('D, M d Y, h:i A',strtotime($event->start_time))} </p>
                </div>


                <div class="col-md-12">
                    <h6 >{$_L['Description']}</h6>
                    {$event->description}
                </div>
              </div>



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


