Any resources for learning how to make this type mockup

The demo below is one way to do it, using the following steps:

1. Start with an image that is smaller than the canvas, and is not the Background layer.

2. Choose Edit > Transform > Skew and drag a side handle. 

3. With the Move tool, Alt-drag (Windows) or Option-drag (macOS) to copy the image layer until its right side touches the left side of the original image layer. (You can also choose Layer > Duplicate or Layer > New > Layer via Copy, and then drag that new copy.)

4. With the image layer copy selected in the Layers panel, choose Edit > Transform > Flip Horizontal. This sets up the mirror image on the edge, if you want that.

5. Drag the Rectangle tool in Path mode. 

6. With the image layer copy selected in the Layers panel, choose Layer > Vector Mask > Current Path. The path is now a vector mask for the image layer copy.

6. Resize the vector mask path to hide the parts of the image layer copy that you don’t want to see.

7. For a more 3D effect, make the edge darker by adding a Curves adjustment layer set up as a clipping mask for that layer only.

The top edge of the wrap can be created similarly.

To do this successfully you should understand:

The commands on the Edit > Transform submenu

Vector masks

Layer adjustments

Clipping masks

Basic principles of linear or isometric perspective. This not a Photoshop feature, but a traditional drawing/painting skill that helps you decide how to use Photoshop features. I mention this because the perspective used in the example you posted is not technically correct.