@extends('staff.layouts.app')
@push('style')
    <style>
        .input-icon {
            position: relative;
        }

        .input-icon>i {
            position: absolute;
            display: block;
            transform: translate(0, -50%);
            top: 50%;
            pointer-events: none;
            width: 25px;
            text-align: center;
            font-style: normal;
        }

        .input-icon>input {
            padding-left: 25px;
            padding-right: 0;
        }

        .input-icon-right>i {
            right: 0;
        }

        .input-icon-right>input {
            padding-left: 0;
            padding-right: 25px;
            text-align: right;
        }
    </style>
@endpush
@section('content')
    <section class="section dashboard">
        <div class="" id="conferenceDetailStaffModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
            aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel">Request Details of
                            {{ '#' . substr(md5(microtime()), 0, 8) }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="prsnl-prfl-updt">
                            <div class="log-in-right ">
                                <form action="" method="">

                                    @csrf


                                    <div class="row">

                                        <div class="col-lg-3 col-md-3 col-12 mb-4">
                                            <label class="form-label mb-3">Conference Title</label>
                                            <input type="text" class="form-control" aria-label="Disabled input example"
                                                id="conferencetitle" name="conferencetitle"
                                                value="{{ $employee_conferences->conference_title ?? 'N/A' }}" disabled>
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-12 mb-4">
                                            <label class="form-label mb-3">Conference URL</label>
                                            <input type="text" class="form-control" aria-label="Disabled input example"
                                                id="conferenceurl" name="conferenceurl"
                                                value="{{ $employee_conferences->conference_url ?? 'N/A' }}" disabled>
                                        </div>

                                        <div class="col-lg-3 col-md-3 col-12 mb-4">
                                            <label class="form-label mb-3">Uploaded
                                                Brochure</label>