Após o ataque de Reinaldo de Châtillon a uma caravana muçulmana em 1187, Saladino declarou a jihad e começou a organizar uma campanha massiva para eliminar os estados cruzados. As tensões entre Saladino e os Cruzados aumentaram rapidamente, à medida que ambos os lados se preparavam para a guerra aberta. A frágil paz que existia através de uma trégua foi quebrada, e Saladino usou o ataque como uma justificativa para unificar as forças muçulmanas sob a sua bandeira, enquadrando a guerra como um dever religioso para recuperar Jerusalém e expulsar os Cruzados.
Saladino começou a reunir seu exército nas Colinas de Golã no início do verão de 1187. Seu objetivo era forçar os cruzados a uma batalha de campo decisiva, em vez de se envolver em cercos prolongados. Em junho, Saladino reuniu cerca de 40 mil soldados, incluindo 12 mil de cavalaria, tornando-se a maior força que ele já comandou. Enquanto isso, as divisões internas paralisaram a liderança dos Cruzados. O rei Guy de Lusignan, apoiado por Reinaldo de Châtillon e Gerard de Ridefort, liderou a facção da corte, enquanto Raimundo III de Trípoli se opôs a eles, defendendo cautela. A desconfiança entre estas facções enfraqueceu a sua capacidade de responder à crescente ameaça de Saladino.
Em maio de 1187, um encontro desastroso corroeu ainda mais a posição dos Cruzados. Na Batalha de Cresson, Gerard de Ridefort liderou 150 Templários e uma pequena força de infantaria para enfrentar as forças invasoras de Saladino, apenas para ser emboscado e aniquilado. A derrota não apenas reduziu os cavaleiros disponíveis no reino, mas também abalou o moral. Saladino lançou ataques mais profundos no território dos Cruzados, semeando ainda mais o pânico.
Em julho, Saladino decidiu sitiar Tiberíades, uma fortaleza estratégica mantida pela esposa de Raymond, Eschiva de Bures. Embora Raymond controlasse pessoalmente a cidade, ele desaconselhou marchar em sua defesa, argumentando que o exército de Saladino não poderia manter o cerco por muito tempo e que um confronto total seria muito perigoso. No entanto, Gerard e Raynald pressionaram King Guy a agir, acusando Raymond de covardia ou traição. Contra o conselho de Raymond, Guy decidiu marchar de La Saphorie para substituir Tiberíades, esperando uma vitória decisiva.
Mapa da Batalha de Hattin. © Anônimo
Em 3 de julho de 1187, o exército cruzado – totalizando cerca de 20.000 homens – iniciou sua marcha. Eles foram imediatamente assediados pelos escaramuçadores de Saladino, que retardaram seu progresso e os impediram de chegar às fontes de água. Com seus homens e cavalos sofrendo de sede e exaustão, os cruzados alteraram seu curso em direção às nascentes de Hattin, na esperança de alcançá-los antes do anoitecer. Saladino antecipou o movimento e posicionou suas forças para bloquear seu caminho.
Naquela noite, os cruzados acamparam perto dos Chifres de Hattin, cercados pelo exército de Saladino. As forças muçulmanas mantiveram a pressão cantando, tocando tambores e colocando fogo na grama seca, sufocando os cruzados com fumaça. Pela manhã, o exército dos Cruzados estava desesperado e desorganizado. Eles tentaram vários ataques para quebrar as linhas de Saladino, mas foram repetidamente rechaçados. Raymond conseguiu escapar com uma pequena força, mas o resto do exército foi derrotado.
Em 4 de julho, as forças de Saladino esmagaram os Cruzados, capturando ou matando a maior parte de suas tropas. A relíquia da Verdadeira Cruz foi apreendida e figuras importantes, incluindo o Rei Guy e Raynald, foram feitas prisioneiras. Saladino executou pessoalmente Raynald por quebrar a trégua, embora tenha poupado Guy. A derrota em Hattin deixou os estados cruzados indefesos, permitindo a Saladino capturar rapidamente Jerusalém e outras cidades importantes.
O colapso do Reino de Jerusalém após Hattin chocou a cristandade, levando o Papa Gregório VIII a convocar a Terceira Cruzada. Esta campanha traria líderes como Ricardo Coração de Leão, Filipe II de França e Frederico Barbarossa para a Terra Santa, com o objetivo de recuperar Jerusalém e restaurar o poder dos Cruzados.