@extends('layouts.master')

<!-- Summernote - Editor script -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>

@section('content')

@if ($errors->any())
<div class="alert alert-danger">
    <strong>Whoops!</strong> There were some problems with your input.<br><br>
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

<div class="col-md-12">
    <div class="card card-primary">
        <div class="card-header">
            <h3 class="card-title">Edit Candidate</h3>
        </div>

        <form action="{{ route('department.update',$department->company_department_id) }}" method="POST">
            @csrf
            <div class="card-body">
                <div class="col-md-6 form-group">
                    <label for="inputFirstName">Department Name:</label>
                    <input type="text" name="name" value="{{ $department->name }}" class="form-control" id="inputFirstName" placeholder="Add First Name">
                </div>
                <div class="col-md-6 form-group">
                    <label for="inputMiddleName">Company Id:</label>
                    <!-- <input type="text" name="company_id" value="{{ $department->company_id }}" class="form-control" id="inputMiddleName" placeholder="Add Middle Name"> -->
                    <select name="company_id" id="company_id" class="form-control">
                        @foreach( $company_dropdown as $row )
                        <option value="{{$row['company_id']}}" @if($department->company_id == $row['company_id']) selected="selected" @endif >{{$row['company_name']}}</option>
                        @endforeach
                    </select>
                </div>
                <!-- /.card-body -->

                <div class="card-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                    <button class="btn btn-primary" href="{{ route('department.index') }}">Back</button>
                </div>

        </form>
    </div>
</div>

@endsection

<script>
    $(function() {
        // Summernote
        $('#inputNotes').summernote()
    })
</script>