6 января 1167 года Ширкух и Салах ад-Дин вышли с армией из Дамаска, о чем почти сразу же стало известно Шавиру. Тот предупредил Амори, и обе армии — Ширкуха и крестоносцев — оказались в Египте одновременно. По дороге в Египет, в пустыне, Ширкух попал в бурю, в результате чего потерял множество воинов, а также бросил значительную часть имущества и продовольствия. Это, безусловно, ослабило сирийский корпус, но не охладило пыл его командира.
К тому же Ширкух был поистине гениальным полководцем, умеющим просчитывать ходы противника. Разгадав, что Амори будет ждать его появления с востока и займет позиции у Каира, Ширкух вместе с войском на лодках форсировал Нил, обогнул Каир и появился… западнее его, по сути, в тылу Амори. Теперь, объединись сирийцы и египтяне, крестоносцев можно было бы взять в кольцо, перебить всех до единого, после чего Иерусалим и все Иерусалимское королевство стали бы легкой добычей победителей.
Решив дать Шавиру последний шанс, Ширкух направил к нему посла со следующим письмом: «Франки у наших ворот. Они отрезаны от своих городов. Это удобный случай, он может больше не представиться».
В качестве посланника, который должен был доставить визирю Египта это письмо, Ширкух избрал Насера — одного из самых юных своих воинов. Но Шавир решил, что курдский военачальник, жаждущий сесть на его место, для него куда опаснее неверных крестоносцев. Поэтому он предпочел укрепить союз с последними личной клятвой юного халифа ад-Адила, а в качестве еще одного доказательства своей верности показал Амори письмо Ширкуха и велел на его глазах умертвить Насера, а его голову отослать в стан сирийцев.
Сказать, что Ширкух пришел в ярость, увидев голову своего юного воина, значит ничего не сказать. Впрочем, его последующие действия можно приписать и холодному расчету. Взяв голову юноши, он стал обходить с ней своих воинов, чтобы вселить в их сердца жажду мести.
— Теперь вы знаете, с кем мы имеем дело! — говорил Ширкух. — Клянусь, я не успокоюсь, пока не отомщу за смерть Насера и вы не увидите у меня в руках голову этого предателя и убийцы своих братьев-мусульман, которому не помогут ни его франки, ни его евнухи!
И это были не просто слова. Пока Шавир продолжал переговоры с франками, требовавшими личной клятвы халифа и других гарантий выполнения договора, Ширкух и его армия успели прийти в себя и зализать нанесенные бурей раны. Узнав, что Амори развернул армию и вышел ему навстречу, Ширкух решил заманить противника в ловушку. Он стал отступать вглубь страны, заставляя крестоносцев все дальше и дальше отрываться от источников продовольствия, и, наконец, остановился у Эль-Бабина (Аль-Бабей-на, Ал-Бабайна), где и состоялась битва между двумя сильно измотанными армиями.
Решающую роль в этой битве, если верить Баха ад-Дину, сыграл Салах ад-Дин, которому дядя поручил командовать центром и обратиться в определенный момент по его приказу в бегство.
Салах ад-Дин, под начало которого были отданы тюркские отряды самого Нур ад-Дина, с честью выполнил порученное ему задание. Сначала он принял на себя главный удар противника, проявив такую стойкость, что Амори решил бросить в центр свои главные силы. Затем в назначенный час Салах ад-Дин стал отступать. Рыцари стали с азартом преследовать сарацин, не замечая, как в это время правый и левый фланги вражеской армии берут их в «клещи» и они давно уже скачут по песчаным холмам, на которых их закованные в броню кони постепенно теряют скорость и способность к маневру.
Как только кольцо сомкнулось, началась самая настоящая бойня, из которой королю Иерусалимскому удалось чудом выскользнуть вместе с горсткой верных паладинов. Вот как описывал эти события Камал ад-Дин ибн аль-Адим в труде «Сливки истории Халеба»:
«И послал Шавар просить помощи у франков, а Асад ад-Дин направился в Верхний Египет и достиг места, называемого Ал-Бабайн. А войска египтян и франков шли следом за Ширкухом и настигли его в то время, как он строил свои войска в боевой порядок. Он расположил свое движимое имущество в центре, чтобы заставить врага поверить, будто его армия более многочисленна, чем это было на самом деле.
Командовать центром он поставил своего племянника Салах ад-Дина и приказал ему немного отступить, когда франки начнут против него наступление, а когда они повернут назад, ударить по ним с тыла.
И выбрал [Асад ад-Дин] тех, в чьей храбрости был уверен, и поставил их на правом фланге. А франки ударили в центр, и мусульмане отошли, но не рассеялись. И выступил Асад ад-Дин с теми, кто был с ним, против оставшихся франков, и разбил их, и поражал их мечом, и велико было [число] убитых и пленных. А когда вернулись франки, которые наступали на центр, то обнаружили, что их сотоварищи уже убиты, попали в плен или обратились в бегство.