@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="{{ route('staff.conference.update') }}" method="post"
                                    enctype="multipart/form-data">

                                    @csrf
                                    <input type="hidden" id="conferenceId" name="conferenceId" value={{ $id ?? '1' }}
                                        readonly>

                                    <div class="row">
                                        <div class="col-lg-3 col-md-3 col-12 mb-4">
                                            <label class=" mb-3">Conference Title <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" class="form-control" aria-label="Disabled input example"
                                                id="conferencetitle" name="conferencetitle"
                                                value="{{ $employee_conferences->conference_title ?? 'N/A' }}">
                                            @error('conferencetitle')
                                                <span class="text-sm mt-1 text-danger">
                                                    {{ $message }}
                                                </span>
                                            @enderror
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-12 mb-4">
                                            <label class=" mb-3">Conference URL <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" aria-label="Disabled input example"
                                                id="conferenceurl" name="conferenceurl"
                                                value="{{ $employee_conferences->conference_url ?? 'N/A' }}">

                                            @error('conferenceurl')
                                                <span class="text-sm mt-1 text-danger">
                                                    {{ $message }}
                                                </span>
                                            @enderror
                                        </div>

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