{% extends 'base.html.twig' %}
{% block title %}Görüşme {% if CONFERENCE.id is null %}Ekle{% else %}Güncelle{% endif %}{% endblock %}

{% block stylesheets %}
  <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/selectize.css') }}">
{% endblock %}

{% block body_class %} class="header-fixed sidebar-fixed sidebar-dark header-light" {% endblock %}

{% block body %}

<div class="wrapper">

    {{ include('admin/partials/left-sidebar.html.twig') }} 

     
    <div class="page-wrapper">
                <!-- Header -->
          {{ include('admin/partials/header.html.twig') }} 


      <div class="content-wrapper">
        <div class="content">							
          <div class="row">
								<div class="col-lg-6">
									<div class="card card-default">

                    {% if ERRORS is defined %}
                    <div class="alert alert-danger">
                    <ul>
                    {% for error in ERRORS %}
                    
                    <li><strong>Hata!</strong> {{ error.message }}</li>
                    {% endfor %}
                    </ul>
                    </div>
                    {% endif %} 

                                        {% for message in app.flashes('danger') %}
                                        <div class="alert alert-danger">
                                        {{ message }}
                                        </div>
                                        {% endfor %}
                                        {% for message in app.flashes('logout') %}
                                        <div class="alert alert-success">
                                        {{ message }}
                                        </div>
                                        {% endfor %}

										<div class="card-header card-header-border-bottom">
											<h2>GÖRÜŞME {% if CONFERENCE.id is null %}EKLE{% else %}GÜNCELLE{% endif %}</h2>
										</div>
										<div class="card-body">
											<form method="POST" action="{% if CONFERENCE.id is null %}{{ url('admin_call_form') }}{% else %}{{ url('admin_call_form',{edit_id:CONFERENCE.id}) }}{% endif %}">

												<div class="form-row">
													<div class="col-md-12 mb-3">
														<label for="validationServer01">Görüşme Adı</label>
														<input name="name" type="text" class="form-control" id="validationServer01" placeholder="Görüşme Adı" value="{{ CONFERENCE.name }}"  required>
													</div>
													
												
												</div>

                         <div class="form-row">
                          
                          <div class="col-md-12 mb-3">
                            <label>Durum</label>
                            <select  name="status" class="form-control"  required="required">
                                <option value="1">Aktif</option>
                                <option value="0">Pasif</option>
                            </select>
                          </div>
                          
                        
                        </div>

                        <div class="form-row">
                          
                          <div class="col-md-12 mb-3">
                            <label>Katılımcılar</label>
                            <select id="select-user" name="users[]" multiple class="demo-default"  placeholder="Katılımcı Seç" required="required">
                              {% for Item in USERS %}
                              <option value="{{ Item.id }}" {% if CONFERENCE.id is not null %}{% for Item2 in Item.userConference %}{% if Item2.userId == Item.id %}selected{% endif %}{% endfor %}{% endif %}>{{ Item.name }}</option>
                              {% endfor %}
                            </select>
                          </div>
                          
                        
                        </div>

                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('conference_form') }}">
											
												<button class="btn btn-primary" type="submit">Kaydet</button>
											</form>
										</div>
									</div>
								</div>
							
							</div>
</div>

        

        <div class="right-sidebar-2">
    <div class="right-sidebar-container-2">
      <div class="slim-scroll-right-sidebar-2">

      <div class="right-sidebar-2-header">
        <h2>Layout Settings</h2>
        <p>User Interface Settings</p>
        <div class="btn-close-right-sidebar-2">
          <i class="mdi mdi-window-close"></i>
        </div>
      </div>

      <div class="right-sidebar-2-body">
        <span class="right-sidebar-2-subtitle">Header Layout</span>
        <div class="no-col-space">
          <a href="javascript:void(0);" class="btn-right-sidebar-2 header-fixed-to btn-right-sidebar-2-active">Fixed</a>
          <a href="javascript:void(0);" class="btn-right-sidebar-2 header-static-to">Static</a>
        </div>

        <span class="right-sidebar-2-subtitle">Sidebar Layout</span>
        <div class="no-col-space">
          <select class="right-sidebar-2-select" id="sidebar-option-select">
            <option value="sidebar-fixed">Fixed Default</option>
            <option value="sidebar-fixed-minified">Fixed Minified</option>
            <option value="sidebar-fixed-offcanvas">Fixed Offcanvas</option>
            <option value="sidebar-static">Static Default</option>
            <option value="sidebar-static-minified">Static Minified</option>
            <option value="sidebar-static-offcanvas">Static Offcanvas</option>
          </select>
        </div>

        <span class="right-sidebar-2-subtitle">Header Background</span>
        <div class="no-col-space">
          <a href="javascript:void(0);" class="btn-right-sidebar-2 btn-right-sidebar-2-active header-light-to">Light</a>
          <a href="javascript:void(0);" class="btn-right-sidebar-2 header-dark-to">Dark</a>
        </div>

        <span class="right-sidebar-2-subtitle">Navigation Background</span>
        <div class="no-col-space">
          <a href="javascript:void(0);" class="btn-right-sidebar-2 btn-right-sidebar-2-active sidebar-dark-to">Dark</a>
          <a href="javascript:void(0);" class="btn-right-sidebar-2 sidebar-light-to">Light</a>
        </div>

        <span class="right-sidebar-2-subtitle">Direction</span>
        <div class="no-col-space">
          <a href="javascript:void(0);" class="btn-right-sidebar-2 btn-right-sidebar-2-active ltr-to">LTR</a>
          <a href="javascript:void(0);" class="btn-right-sidebar-2 rtl-to">RTL</a>
        </div>

        <div class="d-flex justify-content-center" style="padding-top: 30px">
          <div id="reset-options" style="width: auto; cursor: pointer" class="btn-right-sidebar-2 btn-reset">Reset
            Settings</div>
        </div>

      </div>

    </div>
  </div>

</div>

      </div>

        {{ include('admin/partials/footer.html.twig') }} 

    </div>
  </div>

{% endblock %}


{% block javascripts %}

  <script type="text/javascript" src="{{ asset('assets/js/selectize.min.js') }}"></script>

  <script>

    NProgress.configure({ showSpinner: false });
    NProgress.start();

    $('#select-user').selectize({

        plugins: ['remove_button'],
        persist: false,  
        });

  </script>
{% endblock %}