import {Link} from "react-router-dom";
import React, {Component} from "react";
import './Style.css'
import SearchStudent from "./SearchStudent";

class ChoixDept extends Component {
    constructor(props) {
        super(props);
        this.state = {
            depts: [],
        };
    }

    componentWillMount() {
        let dept = window.location.href.split('/')[3]
        let BASE_URL = window.$api_url
        fetch(BASE_URL + dept + '/Scolarite/Notes/formsemestre_list?format=json', {
            method: 'GET',
            verify: false,
            credentials: 'include',
        })
            .then(response =>
                response.json().then(data => ({
                        data: data,
                        status: response.status
                    })
                ).then(res => {
                    this.setState({ depts: res.data })
                    console.log(res.data);
                }));
    }

    render() {
        return (
            <div className="wrapper">
                <h1>Choix du département</h1>
                <div id="wrapDept">
                    <Link to="/RT/Scolarite">
                        Département Réseaux et Télécommunications
                    </Link>
                </div>
                <div id="wrapDept">
                    <Link to="/GC/Scolarite">
                        Département Génie Civil
                    </Link>
                </div>
                <div id="wrapDept">
                    <h3>Recherche d'élèves</h3>
                    <SearchStudent/>
                </div>
            </div>
        );
    }
}

export default ChoixDept