Армия Салах ад-Дина была развернута на плодородной долине, покрытой зеленеющими полями и фруктовыми садами. Позади нее простирались пресные воды Кинерета, на противоположном берегу которого виднелись контуры Голанских высот. Часть армии во главе с Таки ад-Дином расположилась на плато между деревней Нимрин и холмом у деревни Хаттин, прозванным Рогами Хатгина из-за того, что он имел форму полумесяца. Другая часть во главе с самим Салах ад-Дином находилась у Лубии, стоя спиной к озеру. Наконец, третья часть армии под командованием эмира Гекбери расположилась внизу на равнине, неподалеку от арьергарда франков, чтобы, когда они побегут, преградить им путь.
Крестоносцы располагались на Рогах Хаттина, и на рассвете армии был отдан приказ тронуться в путь. В этот момент несколько баронов подъехали к королю с предложением резко изменить маршрут и попытаться совершить стремительный прорыв к Кинерету. По их мнению, это вполне можно было сделать в наиболее слабом месте противника — на стыке армий Салах ад-Дина и Таки ад-Дина.
Возможно, если бы это предложение было принято и маневр удался, весь ход последующих событий был иным. Но, во-первых, история не терпит сослагательного наклонения, а во-вторых, как уже говорилось, Салах ад-Дин просчитал все возможные варианты сражения, и почти наверняка у него был приготовлен ответ и на этот.
Как бы то ни было, Ги де Лузиньян отверг эту идею и велел двигаться в сторону Хаттинского источника — как изначально и ожидал Салах ад-Дин. Так как битва проходила на землях, принадлежащих Раймунду Триполийско-му, то по сложившейся традиции их властелину и было доверено командование авангардом.
Кошмар начался уже вскоре после того, как обе армии вышли на позиции и выстроились в боевой порядок. В этот момент шесть рыцарей из отряда графа Триполийского — Балдуин де Фортью, Раймунд Бак, Лаодиций де Тибериас и еще три их товарища — «охваченные дьявольским духом», перебежали к Салах ад-Дину и рассказали ему о том, что он знал и так: армия Ги де Лузиньяна деморализована, у нее почти не осталось ресурсов и одним мощным ударом он может завершить дело.
Салах ад-Дин приказал напоить перебежчиков и выделить им шатер и продолжил командовать сражением. На его начальном этапе отряды Раймунда Триполийского сумели отбить первую атаку Таки ад-Дина и даже немного продвинуться вперед, к Хаттинскому источнику, но понесли при этом огромные потери. Увы, эта чисто тактическая победа отнюдь не вдохновила армию, и вскоре началось массовое дезертирство пехоты. По одной версии, пехотинцы повернули назад и начали подниматься на Хаттинский холм, крича, что они умирают от жажды и больше не могут сражаться. По другой — они бросились бежать в сторону виднеющегося впереди Кинерета то ли в надежде прорваться к воде, то ли просто, чтобы сдаться на милость мусульман.
После этого Таки ад-Дин и Гекбери начали смыкать крылья своих армий, беря христианское воинство в плотное кольцо. В какой-то момент графу Триполийскому вместе с Вальяном де Ибеленом, Раймундом Антиохийским и Рено Сидонским с небольшим отрядом рыцарей удалось прорвать это кольцо в северном направлении, но сразу после этого оно снова сомкнулось. При этом Таки ад-Дин не стал преследовать беглецов, а граф Раймунд не предпринял попытки проникнуть в Тверию, чтобы вызволить семью, а поспешил дальше, на север.
Теперь мусульмане атаковали Рога Хаттина со всех сторон, добивая сбежавших пехотинцев, сминая лучников и арбалетчиков и заставив рыцарей занять круговую оборону вокруг шатра Ги де Лузиньяна и Святого Креста.
Сухая трава продолжала гореть, дым стелился повсюду, заставляя задыхаться от удушья и застилая глаза, стальные доспехи были раскалены от жары, на них со всех сторон летел град стрел. И, наконец, Таки ад-Дин бросил вперед свою конницу.
В сущности, с самого начала это была битва обреченных, но, видимо, окончательный перелом в ней наступил после того, как епископ Акрский получил смертельное ранение, а аскары Таки ад-Дина захватили Святой Крест, который должен был сделать христиан непобедимыми.
В эти минуты то тут, то там все еще происходили локальные схватки с небольшими отрядами или даже бьющимися в одиночку рыцарями. Сам Салах ад-Дин появлялся в самых горячих точках сражения, громко читая нараспев любимые хадисы, отдавая приказы и лично вступая в схватки с крестоносцами. Некоторые из рыцарей специально искали его на поле боя, убежденные, что убийство Салах ад-Дина мгновенно изменит всю картину сражения и дарует христианам победу. Несколько раз казалось, что жизнь Салах ад-Дина висит на волоске, но каждый раз ему удавалось ускользнуть от врагов.
Спустя семь часов после начала сражения все было кончено. Потери крестоносцев в этой битве составили 17 тысяч человек, еще тысячи попали в плен, в том числе и Ги де Лузиньян с Рено де Шатийоном.
Вот как вспоминал о событиях того дня сын Салах ад-Дина аль-Малик аль-Афдал: