১১৮৭ খ্রিষ্টাব্দে ৪ ই জুলাই সুলতান সালাহউদ্দিন আইয়ুবি (রহ.) হাত্তিনের যুদ্ধে ক্রুসেডারদের পরাজিত করেন। 'গাই অব লুসিগনান' তার পরাজয়ের পর সালাহউদ্দিনের কাছে আত্মসমর্পণ করে।

** হর্নস অব হাত্তিনে সালাহউদ্দিনের এই বিজয়, জেরুজালেম শহরকে মুসলিমদের পুনরুদ্ধারের পথ প্রশস্ত করে দেয়। সালাহউদ্দিন (রহ.) হাত্তিনে তাঁর বিজয়ের দুই মাস পরে জেরুজালেম অবরোধ শুরু করেন (সেপ্টেম্বর ২০, ১১৮৭)। এর পূর্বে ১১৭৪ খ্রিষ্টাব্দে সালাহউদ্দিন দামেস্ক অধিকার করেন। এরপর তিনি পরবর্তী ৮ বছর ক্রুসেডারদের বিরুদ্ধে মুসলিম ফ্রন্টকে ঐক্যবদ্ধ করতে কাটিয়ে দেন। তিনি রেমন্ড, কাউন্ট অব ত্রিপোলির সাথে একটি শান্তি চুক্তিও স্বাক্ষর করেছিলেন।

** ১১৮৭ খ্রিষ্টাব্দে, ক্রুসেডাররা একটি মুসলিম কাফেলা আক্রমণ করে যুদ্ধবিরতির শর্ত লঙ্ঘন করে। এরপর সালাহউদ্দিন মুসলমানদের রক্তের প্রতিশোধ নেওয়ার শপথ নেন। এই ঘটনাটি হাত্তিনের যুদ্ধের সূত্রপাত ঘটায়। সালাহউদ্দিন তাঁর বিশাল সেনাবাহিনীকে একত্রিত করেন এবং ২৬ জুন, ১১৮৭ তারিখে হাউরানের (দক্ষিণ সিরিয়া এবং উত্তর জর্ডানের কিছু অংশে বিস্তৃত একটি অঞ্চল) আশতেরাতে তাদের পর্যালোচনা শুরু করেন। তিনি নিজেই এর নেতৃত্ব দেন, তাঁর ভাগ্নে তাকিউদ্দিন এবং গোকবারি তাঁকে সাহায্য করেন।

** ২ জুলাই বিকেলে, ক্রুসেডাররা সেফরিসে শিবির স্থাপন করে। একই দিনে সালাহউদ্দিন টাইবেরিয়াসকে আক্রমণ করেন। যখন খবর পৌঁছল যে সালাহউদ্দিন টাইবেরিয়াসকে নিয়ে গেছেন, তখন ক্রুসেডাররা অবরুদ্ধ শহরের ত্রাণকার্যে যাওয়ার জন্য তাদের শিবির ত্যাগ করে।

** ৪ জুলাই শনিবার ভোরের সময় ক্রুসেডারদের ঘিরে ফেলা হয়। ক্রুসেডাররা পরাজিত হয়। ক্রুসেডার রাজা, গাই অফ লুসিগনানকে বন্দী হিসাবে দামেস্কে নিয়ে যাওয়া হয় এবং পরবর্তীতে তাকে মুক্তি দেওয়া হয়। সালাহউদ্দিন রাজা গাই এর জীবন রক্ষা করেছিলেন এই বলে যে "রাজারা রাজাদের হত্যা করে না।" সালাহউদ্দিন আরও আদেশ দিয়েছিলেন যে খ্রিস্টান লর্ডসদের কাউকেই ক্ষতিগ্রস্থ করা হবে না তবে তাদের বন্দিত্বের সময় সকলের সাথে সৌজন্য ও সম্মানের সাথে আচরণ করত।