@extends('layouts.app')


@section('css')
<link rel="stylesheet" type="text/css" href="{!! asset('files_custom') !!}/bower_components/fullcalendar/css/fullcalendar.css">
<link rel="stylesheet" type="text/css" href="{!! asset('files_custom') !!}/bower_components/fullcalendar/css/fullcalendar.print.css" media='print'>
<link rel="stylesheet" href="{!! asset('files_custom') !!}/bower_components/select2/css/select2.min.css" />

<link rel="stylesheet" type="text/css" href="{!! asset('files_custom') !!}/bower_components/bootstrap-multiselect/css/bootstrap-multiselect.css" />
<link rel="stylesheet" type="text/css" href="{!! asset('files_custom') !!}/bower_components/multiselect/css/multi-select.css" />

<style>
    .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-selection__choice__remove {
        background-color: #e15aa9 !important;
        border: 1px solid #e15aa9 !important;
        font-family: 'Poppins';
        font-weight: 400;
        font-size: 13px;
        color: #fff !important;
        margin-bottom: 5px;
    }
</style>
@ensection


@section('content')
<div class="page-header">
    <h3 class="page-title">
        <span class="page-title-icon bg-gradient-primary_local text-white mr-2">
            <i class="mdi mdi-houzz menu-icon"></i>
        </span> salas </h3>

    <nav aria-label="breadcrumb">
        <ul class="breadcrumb">
            <li class="breadcrumb-item active" aria-current="page">
                <a href="{!! route('salas.index') !!}"><span>vista general</span></a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">
                <span>editar salas
                </span><i class="mdi mdi-alert-circle-outline icon-sm text-primary_local align-middle"></i>
            </li>
        </ul>
    </nav>
</div>

<div class="row">
    <div class="col-12 grid-margin">
        <div class="card">
            <div class="card-body">
                <div class="clearfix">
                    <h4 class="card-title float-left">editar salas</h4>
                </div>
                <div class="espacio_vertical"></div>
                @include('adminlte-templates::common.errors')
                <div>
                {!! Form::model($sala, ['route' => ['salas.update', $sala->id], 'method' => 'patch']) !!}

                    @include('salas.fields_edit')

                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection




@section('scripts')
<script type="text/javascript" src="{!! asset('files_custom') !!}/bower_components/select2/js/select2.full.min.js"></script>
<script type="text/javascript" src="{!! asset('files_custom') !!}/bower_components/bootstrap-multiselect/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="{!! asset('files_custom') !!}/bower_components/multiselect/js/jquery.multi-select.js"></script>
<script src="{!! asset('librerias/select2') !!}/select2.min.js"></script>
<script src="{!! asset('librerias/select2') !!}/select2.js"></script>
<script>
    $("#servicios_id2").select2({
        placeholder: "Selecciona los servicios que desees vincular"
    });
</script>
@endsection