@extends('layouts.landing')

@section('title',"Crear Rol")

@section('content')

<div class="container-fluid">
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <div class="d-sm-flex align-items-center justify-content-between">
                <h6 class="m-0 font-weight-bold text-primary">Crear Plan</h6>
                <a href="{{route('plan.index')}}" class="d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-download fa-sm text-white-50"></i> Regresar</a>
            </div>
        </div>
        <div class="card-body">
            <form action="{{route('plan.store')}}" method="POST">
                @csrf
                <div class="mb-3">
                    <label class="small mb-1">Nombre</label>
                    <input class="form-control" name="name">

                    @error('name')
                    <div class="alert alert-danger">
                    <strong>{{$message}}</strong>
                    </div>
                    @enderror
                </div>

                <div class="mb-3">
                    <label class="small mb-1">Rvoe</label>
                    <input class="form-control" name="rvoe">
                </div>

                <div class="mb-3">
                    <label for="duration_id">Seleccionar duración</label>
                    <select class="form-control" name="duration_id" id="duration_id">
                        @foreach ($durations as $duration )
                            <option value="{{ $duration->id }}">{{ $duration->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="mb-3">
                    <label class="small mb-1">Periodos de la duración</label>
                    <input class="form-control" name="duracion">
                </div>

                <livewire:carreras/>

                <div class="mb-3">
                     @foreach ($plantels as $plantel)
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input cb"
                            id="{{ $plantel->id }}"
                            name="plantels[]" value="{{ $plantel->id }}"
                        >
                        <label class="form-check-label" for="{{ $plantel->id }}">
                            {{ $plantel->name }}
                        </label>
                    </div>
                @endforeach
                </div>


            <input class="btn btn-primary" type="submit" value="Create">
            </form>
        </div>
    </div>
</div>

@endsection
