How to calculate Setup slack and Hold slack?

Your screenshots are not showing the whole picture (scroll to the bottom to get the data arrival and data required times; you've highlighted the clock edges, not the arrival and required times). Look at the Waveform tab in the timing analyzer reports. They show where the data arrival and data required times are located. Then correlate that to the numbers in the path reports in the Data Path tab.

Also check out this training: https://cdrdv2.intel.com/v1/dl/getContent/653046