@extends('layouts.app')

@section('content')
<!-- end sidebar menu -->
<!-- start page content -->
{{-- @dump($empleados) --}}
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-bar">
            <div class="page-title-breadcrumb">
                <!--<div class="pull-left">
                        <div class="page-title text-danger">Sin Sucursal</div>
                    </div>-->
                <ol class="breadcrumb page-breadcrumb pull-right">
                    <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
                    </li>
                    <li class="active">Grupos - {{isset($edit) ? 'Actualizar' : 'Nuevo'}}</li>
                </ol>
            </div>
        </div>
        <!-- start widget -->
        <!-- start admited patient list -->
        <div class="row">

            <div class="col-md-12 col-sm-12">
                <a href="{{ url('grupos/listar') }}" class="btn btn-primary mb-3">Volver</a>
                <div class="card  card-box">
                    @if(session('message'))
                    <div class="alert alert-danger mb-2">
                        {{ session('message') }}
                    </div>
                    @endif
                    <div class="card-head">
                        <header>Grupo - {{isset($edit) ? 'Actualizar' : 'Nuevo'}}</header>
                    </div>
                    @if(isset($edit))
                        <form method="POST" action="{{ route('grupos.update', $data->id) }}">
                            @method('PUT')
                    @else
                        <form method="POST" action="{{ route('grupos.store') }}">
                            @method('POST')
                    @endif
                    @csrf
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Nombre:</label>
                                    <input type="text" name="nombre" class="form-control" value="{{ @$data->nombre }}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Supervisor:</label>
                                    <select name="empleado_id" class="form-control">
                                        <option value="">--</option>
                                        @foreach($empleados as $empleado)
                                          <option value="{{ $empleado->empleado_id }}" @if(@$data->empleado_id == $empleado->empleado_id) selected='selected' @endif >{{ $empleado->empleado_nombres }} {{ $empleado->empleado_apellido1 }} {{ $empleado->empleado_apellido2 }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-center">
                        <div class="text-center">
                            <button type="submit" class="btn bg-success">Aceptar</button>
                            <a class="btn bg-danger" href="{{route('grupos.index')}}">Cancelar</a>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
    <script>
        $(document).ready(function(){
          $("select").select2();
        });
    </script>
@stop