import React from "react";
import InputWorkingHoursSingle from "./InputWorkingHoursSingle";

export default function InputWorkingHours(props) {
  return (
    <div className="editRestaurant-fullWidth">
      <div className="workingHours-container">
        <InputWorkingHoursSingle
          nieczynne={!props.hours.pn}
          hours={props.hours.pn}
          changeValue={(value) => props.setHours({ ...props.hours, pn: value })}
          day="Poniedziałek"
        />
        <InputWorkingHoursSingle
          nieczynne={!props.hours.wt}
          hours={props.hours.wt}
          changeValue={(value) => props.setHours({ ...props.hours, wt: value })}
          day="Wtorek"
        />
        <InputWorkingHoursSingle
          nieczynne={!props.hours.sr}
          hours={props.hours.sr}
          changeValue={(value) => props.setHours({ ...props.hours, sr: value })}
          day="Środa"
        />
        <InputWorkingHoursSingle
          nieczynne={!props.hours.cz}
          hours={props.hours.cz}
          changeValue={(value) => props.setHours({ ...props.hours, cz: value })}
          day="Czwartek"
        />
        <InputWorkingHoursSingle
          nieczynne={!props.hours.pt}
          hours={props.hours.pt}
          changeValue={(value) => props.setHours({ ...props.hours, pt: value })}
          day="Piątek"
        />
        <InputWorkingHoursSingle
          nieczynne={!props.hours.sb}
          hours={props.hours.sb}
          changeValue={(value) => props.setHours({ ...props.hours, sb: value })}
          day="Sobota"
        />
        <InputWorkingHoursSingle
          nieczynne={!props.hours.nd}
          hours={props.hours.nd}
          changeValue={(value) => props.setHours({ ...props.hours, nd: value })}
          day="Niedziela"
        />
      </div>
    </div>
  );
}