<form action="{{route('vagas.update', $vaga->vaga_id)}}" enctype="multipart/form-data" method="POST">
    @method('PUT')
    @csrf
<!-- Modal -->
<div class="modal fade" id="modal-editar-vaga{{$vaga->vaga_id}}" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel1">Cadastro de vagas</h5>
        <button
                type="button"
                class="btn-close"
                data-bs-dismiss="modal"
                aria-label="Close"></button>
        </div>
        <div class="modal-body">
        <div class="row">
            <div class="col mb-6">
            <label for="nameBasic" class="form-label">Vaga</label>
            <input
                    type="text"
                    id="nome_vaga"
                    name="nome_vaga"
                    class="form-control"
                    placeholder="Nome da vaga" 
                    value="{{$vaga->nome_vaga}}"
                    />
            </div>
        </div>

        <div class="row">
            <div class="col mb-6">
            <label for="imagem_vaga" class="form-label">Imagem</label>
            <input
                    type="file"
                    id="imagem_vaga"
                    name="imagem_vaga"
                    class="form-control"
                     />
            </div>
        </div>

        <div class="row">
            <div class="col mb-6">
            <label for="numero_vaga" class="form-label">Número de vagas disponíveis</label>
            <input
                    type="number"
                    id="numero_vaga"
                    name="numero_vaga"
                    class="form-control"
                    value="{{$vaga->numero_vaga}}"
                    placeholder="Número de vagas" />
            </div>
        </div>

        <div class="row">
            <div class="col mb-6">
                <label class="form-label" for="descricao_vaga">Descrição</label>
                <div class="input-group input-group-merge">
                <span id="basic-icon-default-message2" class="input-group-text"
                    ><i class="icon-base bx bx-comment"></i
                ></span>
                <textarea
                    id="descricao_vaga"
                    name="descricao_vaga"
                    class="form-control"
                    placeholder="Adicione detalhes da vaga"
                    aria-label="Adicione detalhes da vaga"
                    aria-describedby="basic-icon-default-message2">{{$vaga->descricao_vaga}}</textarea>
                </div>
            </div>
        </div>

        <div class="row g-6">
            <div class="col mb-0">
            <label for="dobBasic" class="form-label">Data de inicio</label>
            <input type="date" id="data_inicio" name="data_inicio" class="form-control" value="{{$vaga->data_inicio}}" />
            </div>
            <div class="col mb-0">
            <label for="data_fim" class="form-label">Data de fim</label>
            <input type="date" id="data_fim" name="data_fim" class="form-control" value="{{$vaga->data_fim}}" />
            </div>
        </div>
        </div>
        <div class="modal-footer">
        <button type="button" class="btn btn-label-secondary" data-bs-dismiss="modal">
            Close
        </button>
        <button type="submit" class="btn btn-primary">Salvar</button>
        </div>
    </div>
    </div>
</div>
</form>