@extends('layout.master')
@section('parentPageTitle', 'Profesionales')
@section('title', 'Asociar asistente')
@section('page-style')
    <link rel="stylesheet" href="{{asset('assets/plugins/bootstrap-select/css/bootstrap-select.css')}}">
    <link rel="stylesheet" href="{{asset('assets/plugins/jquery-timepicker/jquery.timepicker.css')}}">
    <style type="text/css">

    /*.btn-group.select .btn{
        display: none;
    }

    .select{
        padding: 5px;
        border-radius: 15px;
    }*/


    .Highlighted a{
       background-color : Green !important;
       background-image :none !important;
       color: White !important;
       font-weight:bold !important;
       font-size: 12pt;
    }

    .ui-highlight .ui-state-default{
        background: red !important;
        border-color: red !important;
        color: white !important;
    }

    .ui-highlight2 .ui-state-default{
        background: green !important;
        border-color: green !important;
        color: white !important;
    }

    </style>
@stop

@section('content')

    

    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="card">
                <!-- <div class="header">
                    <h2 align="center"><strong>Asociar asistente al profesional</strong></h2>

                </div> -->
                <div class="body">
                    <form action="{{ route('profesionales.guardar_asistente') }}" id="formConfigHorario" method="post">

                        

                        
                        {{ csrf_field() }}
                        <div class="row clearfix">
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <p align="center">
                                        Seleccionar el asistente: Él podrá acceder a las citas agendadas del profesional.                                        
                                    </p>
                                </div>
                            </div> 
                        </div>


                        

                       


                        <div class="row clearfix"> 
                            <div class="col-sm-4"></div>
                            <div class="col-sm-4">                                
                                <div class="form-group" align="center">

                                    <select id="asistente_seleccionado" name="asistente_seleccionado" class="select">
                                        <option value="0">Seleccionar asistente</option>
                                        @foreach ($listadoAsistentes as $asistente)
                                            <option value="{{ $asistente->user_id }}"  selected="selected" >{{ $asistente->nombre_asistente }}</option>
                                        @endforeach 
                                    </select>
                                    <input type="hidden" name="asociacion_id" id="asociacion_id" value="0">

                                </div>
                            </div>  
                            <div class="col-sm-4"></div>
                                          
                        </div>

                        

                        <div class="row clearfix" align="right">          
                            <div class="col-sm-12">
                                <button type="submit" class="btn btn-primary btn-round">Registrar</button>
                                <button type="button" class="btn btn-default btn-round btn-simple" onclick="window.history.back()">Cancelar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>




@stop



@section('page-script')

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>





@stop