@extends('layouts.dashboard')


@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header card-header-primary shadow bg-purple">
                  <h4 class="card-title">Agregar nuevo servicio</h4>
                  <p class="card-category"></p>
                </div>
                <div class="card-body">
                    <form class="needs-validation"  action="{{route('servicios.store')}}" method="POST">
                    @csrf
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Nombre del servicio:</label>
                                    <input type="input" class="form-control" name="servicename" value="" required>
                                </div>

                                <div class="form-group">
                                    <label>Ministerio asociado:</label>
                                    <select name="ministry_id" id="ministry_id" class="form-control">
                                        <option value="0" disabled selected>Seleccione el ministerio</option>
                                        @foreach($ministries as $ministry)
                                        <option value="{{$ministry->id}}">{{$ministry->name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label>Experto Responsable:</label>
                                    <select name="experto" id="experto" class="form-control">
                                        <option value="0" disabled selected>Seleccione el experto responsable</option>
                                        @foreach($experto as $exp)
                                        <option value="{{$exp->id}}">{{$exp->name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label>Código DIPRES:</label>
                                    <input type="input" class="form-control" name="service_code" value="" required >
                                </div>

                                <div class="form-group">
                                    <label>Incentivo:</label>
                                    <select name="incentivo" id="incentivo" class="form-control">
                                        <option value="0" disabled selected>Seleccione el tipo de incentivo del servicio</option>
                                        <option value="PMG">PMG</option>
                                        <option value="PMG">PMG Adscrito</option>
                                        <option value="MEI">MEI</option>
                                        <option value="MEI">MAG</option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label>Meta:</label>
                                   <select name="meta" id="meta" class="form-control">
                                        <option value="0" disabled selected>Seleccione el tipo de meta del servicio</option>
                                        <option value="Meta">Meta</option>
                                        <option value="Mide">Mide</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary btn-fill pull-right">Agregar Servicio</button>
                        <div class="clearfix"></div>
                    </form>
                </div>
              </div>
            </div>
            
          </div>
        </div>
</div>

@endsection