// TITLE: Booking Movie Tickets



// Sequence Diagram:

// - Create a rectangle representing the user

// - Create a rectangle representing the ticket booking system

// - Create an arrow from the user to the ticket booking system indicating the user's request to book tickets

// - Create a lifeline for the ticket booking system

// - Create a message arrow from the user to the ticket booking system indicating the user's request details (e.g., movie name, date, number of tickets)

// - Create a message arrow from the ticket booking system to the movie database indicating a query for available seats

// - Create a message arrow from the movie database to the ticket booking system indicating the available seats information

// - Create a message arrow from the ticket booking system to the user indicating the available seats information

// - Create a message arrow from the user to the ticket booking system indicating the user's selection of seats

// - Create a message arrow from the ticket booking system to the payment gateway indicating the user's request for payment

// - Create a message arrow from the payment gateway to the ticket booking system indicating the payment status (success or failure)

// - Create a message arrow from the ticket booking system to the user indicating the booking status (success or failure)



// Object Diagram:

// - Create a rectangle representing the user

// - Create a rectangle representing the ticket booking system

// - Create a rectangle representing the movie database

// - Create a rectangle representing the payment gateway

// - Connect the user, ticket booking system, movie database, and payment gateway with solid lines representing associations or dependencies



// JavaScript code:



// Draw sequence diagram

ctx.fillStyle = 'white';

ctx.fillRect(0, 0, 512, 512);

ctx.strokeStyle = 'black';

ctx.lineWidth = 2;



// Draw user

ctx.strokeRect(100, 100, 100, 50);

ctx.fillText('User', 125, 125);



// Draw ticket booking system

ctx.strokeRect(100, 200, 100, 50);

ctx.fillText('Ticket Booking', 105, 220);

ctx.fillText('System', 135, 240);



// Draw movie database

ctx.strokeRect(100, 300, 100, 50);

ctx.fillText('Movie', 125, 320);

ctx.fillText('Database', 115, 340);



// Draw payment gateway

ctx.strokeRect(100, 400, 100, 50);

ctx.fillText('Payment', 125, 420);

ctx.fillText('Gateway', 120, 440);



// Draw arrows and messages

ctx.beginPath();

ctx.moveTo(150, 150);

ctx.lineTo(150, 200);

ctx.lineTo(200, 200);

ctx.stroke();

ctx.fillText('Request to', 160, 170);

ctx.fillText('book tickets', 160, 190);



ctx.beginPath();

ctx.moveTo(150, 250);

ctx.lineTo(150, 300);

ctx.lineTo(200, 300);

ctx.stroke();

ctx.fillText('Request', 160, 270);

ctx.fillText('details', 165, 290);



ctx.beginPath();

ctx.moveTo(150, 350);

ctx.lineTo(150, 400);

ctx.lineTo(200, 400);

ctx.stroke();

ctx.fillText('Query for', 160, 370);

ctx.fillText('available seats', 150, 390);



ctx.beginPath();

ctx.moveTo(150, 450);

ctx.lineTo(150, 500);

ctx.lineTo(200, 500);

ctx.stroke();

ctx.fillText('Request for', 160, 470);

ctx.fillText('payment', 160, 490);



ctx.beginPath();

ctx.moveTo(200, 250);

ctx.lineTo(200, 350);

ctx.lineTo(250, 350);

ctx.stroke();

ctx.fillText('Available', 210, 280);

ctx.fillText('seats', 215, 310);



ctx.beginPath();

ctx.moveTo(200, 450);

ctx.lineTo(200, 500);

ctx.lineTo(250, 500);

ctx.stroke();

ctx.fillText('Payment', 210, 470);

ctx.fillText('status', 215, 490);



ctx.beginPath();

ctx.moveTo(250, 150);

ctx.lineTo(250, 200);

ctx.lineTo(300, 200);

ctx.stroke();

ctx.fillText('Booking', 260, 170);

ctx.fillText('status', 265, 190);



// Draw object diagram

ctx.beginPath();

ctx.moveTo(100, 150);

ctx.lineTo(100, 200);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(100, 250);

ctx.lineTo(100, 300);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(100, 350);

ctx.lineTo(100, 400);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(100, 450);

ctx.lineTo(100, 500);

ctx.stroke();



// Draw associations/dependencies

ctx.beginPath();

ctx.moveTo(200, 150);

ctx.lineTo(200, 200);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(200, 250);

ctx.lineTo(200, 300);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(200, 350);

ctx.lineTo(200, 400);

ctx.stroke();



ctx.beginPath();

ctx.moveTo(200, 450);

ctx.lineTo(200, 500);

ctx.stroke();



// Funny comment: "Booking a movie ticket is like a roller coaster ride, but with less adrenaline and more popcorn!"