Caecilius Moved against the exarch, under command of his family and Badis one of his old enemies now his general, Faced the exarch with about 9000 men, the two armies formed up for battle two byzantine generals the wings army while exarch was in the center, Caecilius deployed with the center, again appointing dhyia as commander of the left-wing, His son and Badis as the commander of the right-wing.
The battle began with a duel, between Caecilius son and the two generals of the byzantine wings. The duel was short as the 20-year-old manage to kill one, and cut the other down, the life of dealing with Constant raids and then fighting since he was 14, with his father against Mauri made him into a natural warrior.
After his son killed the 2 generals, the battle began. Caecilius gave the order for a general attack and the Berbers rushed forward to assault the Byzantine army, the Byzantine army the men fought bravely and were able to hold the Berber attacks for a while.
But because of the death of their generals, disorder and confusion soon became apparent in the byzantine ranks, eventually, under the continuous Berber attacks, the Byzantine army lost all cohesion, turned, and retreated. Half of the army was slain or captured, but the exarch of Africa escaped. After the defeat, he fled to Justinian and lied about what happened.
Early 694
Justinian arrived with the exarch and met Caecilius for battle, and the later sources state that Caecilius looked at the coin of Heraclius coin that Gregory had all those years ago and by some sources, he said:
Pity that I have to fight your flesh and blood, because of some lying dog.
Caecilius son gave another fervent speech and said
do not hold the emperor at fault that he fights us today, ITS THE FAULT OF THE DECEIVING Dogs! Who lied to him.
the young leader told him to capture the emperor if they encountered him after all was their ruler and then said:
If you see the banner of the governor of Africa, be sure to bring us his head.
the battle began with a charge, the Byzantines soon began to push the Berbers back, but the Byzantines left advanced too fast, got encircled, and many of them got captured or slain, they retreated the first day ended. On the second day, Badis plan was put into action
Badis massed his cavalry force, while Caecilius was intended to drive the Byzantine cavalry entirely off the battlefield so that the infantry, who formed a great part of this imperial army, would be left without cavalry support and thus would be exposed when attacked from the flanks and rear. At the same time, he planned to push a determined attack to turn the left flank of the Byzantine army.
Meanwhile, the Berber centered their attack pressed against it from the front, while the Berber right moved to make under the two-pronged attack, the Byzantine center fought, while right-wing fell back and collapsed and fell back to the Byzantine left center, greatly disordering it, the remaining Berber cavalry under Badis then attacked the Byzantine left wing cavalry at the rear.
Justinian, noticing the huge cavalry maneuver of the Berbers, ordered his cavalry to group together but was not quick enough. Before he could organize his heavy cavalry squadrons, the Berbers had wheeled their cavalry back to attack the concentrating Byzantine cavalry squadrons, falling upon them from the front and the flank while they were still moving into formation. The disorganized and disoriented Byzantine heavy cavalry was soon routed and dispersed to the east.
With the Byzantine cavalry completely routed, The Byzantine left-center was attacked at its rear by Caecilius cavalry and was finally broken, with the retreat of the Byzantine left center, a general Byzantine route started.
Nevertheless, many of the soldiers managed to escape the slaughter, the Berbers took many prisoners in the battle and the subsequent pursuit, Among them was the emperor and the exarch, the battle was over but Caecilius was sad he never wanted this , the situation of Altava revolt was explained, and with Justinian’s blessing, the Berbers executed the exarch
Justinian was freed in Mid-694 and returned to his Capital, unknown to him the situation had changed, the incompetent landowners and men in the government heard rumors of the death of the emperor and as he had no son some went to Heraclius and Tiberius to ask them to take the throne while other generals and nobles went to take the throne, Leontios one of Justinian generals took power and claimed the throne, Using the argument that none of the 2 brothers could rule since Constantine IV forbade them from been emperors and he even forged a document that Justinian II left his empire.
In reality, Justinian was forced to flee, but rumors that he was still alive spread, This lead to the duke of Spoleto and Tiberius rebelling as he was not a claimant to the throne but a restorer, in Anatolia some others rebels as well while the Caucasian princes also supported the Heraclians and defended the Caucasus, Still news reached Africa, that Justinian was probably executed, and Tiberius and other Heraclians were was fighting the usurper.
Caecilius said to Badis:
Prepare the troops general; tomorrow we march towards the east.